@charset "utf-8";
a,body,button,dd,dl,dt,h1,h2,h3,h4,h5,i,img,input,p,select,span,strong,textarea,ul{margin:0;padding:0;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{font-family:Arial,"microsoft yahei";font-size:14px;color:#333}
.at{margin:0 auto}
.fl{float:left}.fr{float:right}.clear{clear:both}.dt{display:table;width:100%}
.fl-w{float:left;width:100%}.hide{display:none}.ver-container{display:table;width:100%;text-align:center}.ver-container>*{vertical-align:middle;display:table-cell}.swiper-button-disabled{cursor:no-drop!important;opacity:.5}[class*=icon]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=ico]{vertical-align:middle;display:inline-block}
.wid{width:100%;margin:0 auto; max-width:1400px}
.title{text-align:center}
.title h2{font-size:32px;color:#333333; font-weight:bold}
.title p{margin-top:20px;color:#5d5d5d;font-size:18px; padding-top:3px}
.news{float:left;width:100%;}
.news ul{margin-top:1px}
.news ul li{width:31%;float:left;margin-right:3%; margin-bottom:3% }
.news ul li:nth-of-type(1){margin-left:0}
.news ul li:nth-of-type(n+1){margin-left:0}
.news ul li:nth-of-type(3n){margin-right:0}
li{ list-style: none;}
.form-control{
border-radius: 0;
font-size: inherit;
background:#fdfdfd;
border:1px solid #e4e4e4;
min-height: 48px;
line-height: 48px;
font-size: 14px;
color: #999999;
}
.form-group input[type=text], .form-group select, .form-group textarea {
border: 1px solid #e4e4e4;
background-color: #fdfdfd;
border-radius: 0;
font-size: 14px;
color: #999999;
width: 300px;
height: 40px;
margin-bottom: 20px;
margin-top: 10px; padding-left:10px
}
.form-control:focus{
box-shadow:none;
}
.btn-primary{
border-radius: 0;
background: #0076b3;
color: #FFF;
border-color:#0076b3;
font-size: 15px;
padding: 10px 23px;
border:none;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
color: #FFF;
box-shadow: none;
background: #1d9ada;
border:none;
}
.btn-primary.btn-lg{
padding: 15px 28px;
font-size: 16px;
}
.bits{font-size:14px; line-height:40px;height:40px;font-weight: normal;padding-left:0px; padding-bottom:20px}
.btn-default{
border-radius: 0;
background: #002B57;
color: #FFF;
border-color:#002B57;
font-size: 15px;
padding: 10px 23px;
border:none;
}
.btn-default:hover,.btn-default:focus,.btn-default:active:focus,
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle
{
color: #FFF !important;
box-shadow: none;
background: #002850;
border:none;
}
.btn-outline-primary{
color: #0076b3;
border-color: #0076b3;
border-radius: 0;
border:solid 2px;
font-size: 16px;
padding: 9px 24px;
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
background:#0076b3;
border-color: #0076b3;
}
.btn-outline-secondary{
color: #002b57;
border-color: #002b57;
border-radius: 0;
border:solid 2px;
font-size: 16px;
padding: 9px 24px;
}
.btn:hover,.btn:focus{
box-shadow: none;
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle
{
background:#002b57;
border-color: #002b57;
box-shadow: none;
color: #FFF;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-read{
color: #09162a;
font-size:14px;
text-transform: uppercase;
border-bottom: 1px solid #7a7d83;
font-weight: 500;
}
.btn-read:hover,.btn-read:focus{
color: #0076b3;
border-bottom: 1px solid #0076b3;
}
.nales{width:30%;float:left;padding-top:0px;}
.inner_main { margin-bottom:5%}
.lianxi {
padding-bottom: 40px;
}
.lianxi .item {
float: left;
margin-bottom: 40px;
box-sizing: border-box;
padding: 30px 35px;
background: #fafafa;
}
.lianxi .item h1 {
color: #004098;
padding-bottom: 5px;
}
.lianxi .item .list div {
padding: 10px 0;
}
.lianxi .item .list div span {
display: inline-block;
margin-right: 15px;
}
.lianxi .item.item1 {
width: 100%;
}
.lianxi .item.item1 h1 {
font-size: 30px;
}
.lianxi .item.item1 .list div {
display: flex;
width: 30%;
float: left;
margin-right: 5%;
}
.lianxi .item.item1 .list div:nth-child(3n) {
margin-right: 0;
}
.lianxi .item.item2 {
width: 49%;
max-width: 680px;
}
.lianxi .item.item2 h1 {
font-size: 26px;
}
.lianxi .item:nth-child(even) {
float: right;
}
.lianxi .item:first-child {
float: left;
}
.headders {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 10;
background: white; position:fixed;
}
.headders .mainder {
width: 100%;
max-width: 1389px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
.headders .mainder .container .gn-icon{z-index: 999;}
.headders .mainder .container .gn-icon .h-lang{display: inline-block;vertical-align: top;height:32px;background-color: #fff;position: relative;}
.headders .mainder .container .gn-icon .h-lang a{display: block;line-height: 29px;padding: 0 10px;}
.headders .mainder .container .gn-icon .h-lang .h-list{width: 100%;background-color: #fff;overflow: hidden;height: 0;}
.headders .mainder .container .gn-icon .h-lang .h-cur{pointer-events: none;}
.headders .mainder .container .gn-icon .h-lang .h-cur:after{content: "";display: inline-block;vertical-align: middle;border-top: 6px solid #666;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;}
.headders .mainder .container .gn-icon .h-lang:hover .h-list{height: auto;}
.v-head{width: 100%;height: 42px;position: relative;background-color: #222;}
.v-c{left: auto;right: 0;height: 42px;line-height: 42px;width: 42px;font-size: 24px;}
.v-e{height: 60vh;}
.headders .mainder .container .gn-icon a {
font-size: 14px;
}
@media screen and (min-width: 1001px) {
.headders .mainder .container .nav {
display: flex !important;
}
}
.icon-close{ background-image:url(/img/nav.jpg); height:30px; width:30px}
.icon-caidan{ background-image:url(/img/close.jpg); height:30px; width:30px}
@media only screen and (max-width: 1420px) {
.headders .mainder {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
}
.headders .mainder .logo img {
width: 100%;
}
img {
border: none;
vertical-align: middle;
}
.headders .mainder .container {
display: flex;
align-items: center;
}
.headders .mainder .container .nav{
padding-right: 20px;
}
.headders .mainder .container .nav .f-item {
padding: 0 20px;
}
.headders .mainder .container .nav .f-item:hover .f-head {
color: #004098;
font-weight: bold;
}
.headders .mainder .container .nav .f-item .f-head {
display: flex;
height: 100px;
justify-content: space-between;
align-items: center;font-size:16px
}
.headders .mainder .container .nav .f-item .f-head a{
}
.headders .mainder .container .nav .f-item .f-head i {
font-size: 20px;
display: none;
}
.headders .mainder .container .nav .f-item .showbox {
border-top: 1px solid #eeeeee;
display: none;
position: fixed;
top: 100px;
left: 0;
right: 0;
background: #fafafa;
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
z-index: 3;
}
.headders .mainder .container .nav .f-item .showbox .s-main {
width: 100%;
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1420px) {
.headders .mainder .container .nav .f-item .showbox .s-main {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
}
.headders .mainder .container .nav .f-item .showbox .s-main li {
margin-right: 10%;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2 {
font-size: 16px;
margin-bottom: 1px;
color: black;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2:after {
content: "";
display: block;
width: 70px;
height: 2px;
background: #367eb9;
margin-top: 5px;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2.on::after {
display: none;
}
.headders .mainder .container .nav .f-item .showbox .s-main li .list a {
display: block;
line-height: 28px;
font-size: 15px;
color: #666666;
}
.headders .mainder .container .nav .f-item .showbox .s-main li .list a:hover {
color: #004098;
}
.headders .mainder .container .nav .f-item .showbox .s-main li:last-child {
margin: 0;
}
.headders .mainder .container .gn-icon a {
display: inline-block;
transition: 0.3s;
position: relative;
}
.headders .mainder .container .gn-icon a:hover:before {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
}
.headders .mainder .container .memu {
display: none;
cursor: pointer;
}
.headders .mainder .container .memu i {
font-size: 32px;
}
.title{ font-size: 34px;
color: #1a1a1a;
font-family: "MONTSERRAT_BOLD";
text-transform: uppercase;
font-weight: bold; padding-bottom:40px}
.newpro{ padding-top: 4%;
padding-bottom: 4%;}
.newprol{ float:left; width:49.8%; background-color:#0076b3; color:#FFFFFF; text-align:center; padding:3.15% 5%}
.newprol b{ font-size:24px; line-height:35px}
.newprol p{ font-size:16px; line-height:25px; padding-top:20px; padding-bottom:20px}
.newprol p img{ max-width:100%}
.newpror{ float:right; width:49.8%; }
.newpror li{ background-color:#f4f4f4; width:100%; padding:5%; margin-bottom:0.8%}
.newprimg{ width:30%; text-align:center}
.newprimgs{ width:60%}
.newprimgs b{ font-size:24px;line-height:35px}
.newprimgs p{ font-size:16px; line-height:25px; padding-top:20px; padding-bottom:20px;color: #afafaf;}
.moesl a{ color:#0076b3}
.moesl a:hover{ color:#333}
.shiming{display:table;width:100%;margin-top:20px; background-color:#f4f4f4; padding-top:50px}.shiming ul li{width:25%;text-align:center;padding:0 2%;height:311px;}.shiming ul li:hover img{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.shiming ul li img{-webkit-transition:.3s;-o-transition:.3s;transition:.8s}.shiming ul li b{margin-top:33px;display:block;font-size:18px;color:#191d25;font-weight:normal;position:relative;}.shiming ul li b:after{content:'';position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:40px;height:2px;background:#2966ad;bottom:-15px}.shiming ul li p{margin-top:25px;font-size:16px;color:#666;line-height:1.6}
.aboto{ font-size:16px; line-height:26px; padding:3% 0%; width:100%; max-width:1400px; margin:0 auto}
.txetqa{ background-color:#f8f8f8; padding:5%}
.txetqa b{ font-size:20px; font-weight: 600; color:#5a5959; }
.txetqa b span{ font-size:16px; font-weight:normal }
.txetqa:hover{ background:#f1f1f1; }
.txetqa a:hover{ color:#23368d}
.txetqa p { font-size:16px; line-height:30px;color: #a8a8a8; padding-top:10px}
.prodcut-tel{ padding-left:45px; margin-bottom:20px; line-height:22px; background:url(/img/dh.png) no-repeat left center; margin-top:20px;border-top: 1px solid #f0f2f5; margin-top:30px }
.prodcut-tel span{font-family:arial; font-size:24px; color:#d9261c;display: block; }
.proa{ padding-top:60px; padding-bottom:100px}
.txetqa p span{ width:50%; float:left}
.moreca{ background-color:#0076b3; color:#FFFFFF; width:140px; height:30px; text-align:center; line-height:30px; margin-top:30px}
.moreca a{ color:#FFFFFF; }
.moreca a:hover{ color:#FFFFFF; }
.moreca:hover{ background-color:#333}
.wid100{ width:100%;margin:0 auto; padding:0 2%;}
.top .fr-menu ul li a.active{ border-top:1px solid #0076b3;padding-top: 10px; color:#0076b3}
.bigimg{width:1000px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:100%;margin:0 auto;border-radius: 10px;overflow: hidden;padding:60px 0 0 0;}
.bigbox>.imgbox{width:33%;float:left; padding-right:1.5%; padding-left:1.5%; margin-bottom:3%}
.bigbox>.imgbox p{ font-size:16px; text-align:center; line-height:50px; height:50px; background-color:#f1f1f1; }
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
.help-pager-five{padding:70px 0;overflow:hidden;background:#fff url(/img/honor_bg.jpg) no-repeat center 0;}
.help-pager-five .wrap-title{text-align:left;}
.help-pager-five .wrap-title:before{margin:0 0 20px;}
.help-pager-five .text{float:left;margin-top:30px;width:500px;font-size:16px;color:#666;line-height:32px;overflow:hidden;}
.help-pager-five .pic{float:right;margin-top:-100px;width:740px;height:463px;overflow:hidden;}
.case_page .left{
padding: 22px 0px;
}
.sggd-list{ padding-top:1%; padding-bottom:1%}
.sggd-list .item{margin-top:5%;height:250px;overflow:hidden; margin-bottom:5%;box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.1);
}
.sggd-list .pic{float:left;width:390px;height:250px;overflow:hidden; padding:20px}
.sggd-list .pic img{display:block;transition:all 1s; width:100%;height:210px}
.sggd-list .pic:hover img{transform:scale(1.1);}
.sggd-list .text{padding-left:50px;overflow:hidden; padding-top:3%}
.sggd-list .text .more{display:block;float:right;width:118px;height:46px;line-height:46px;text-align:center;font-size:14px;color:#666;background:url(/img/more.png) no-repeat; margin-right:5%}
.sggd-list .text .more:hover{color:#fff;background-image:url(/img/more_cur.png);}
.sggd-list .text h3{height:25px;line-height:25px;font-weight:normal;font-size:18px;overflow:hidden;}
.sggd-list .text h3 a{color:#333; font-size:22px}
.sggd-list .text h3 a:hover{color:#0076b3;}
.sggd-list .text .meta{margin-top:26px;font-size:14px;color:#666;overflow:hidden;}
.sggd-list .text .meta p{ line-height:35px;}
.sggd-list .text .meta span{display:inline-block;vertical-align:middle;}
.sggd-list .text .meta span:after{display:inline-block;margin:0 20px;width:1px;height:14px;content:"";vertical-align:middle;background:#d6d6d6;}
.sggd-list .text .meta span:last-child:after{display:none;}
.cultur{ height:550px}
.aboutBox03{ padding-top:4%}
.pl10{ padding-right:10%; font-size:16px}
.pzbz-info{ width: 100%;
margin: 0 auto;
padding: 2% 2% 0 2%; max-width:1400px}
.pzbz-info .hd{padding-bottom:2%;overflow:hidden;border-bottom:#dedede solid 1px; padding-top:3%; text-align:center}
.pzbz-info .hd h3{height:45px;line-height:45px;font-weight:normal;font-size:30px;color:#333;overflow:hidden;}
.pzbz-info .hd p{margin-top:5px;line-height:32px;font-size:16px;color:#666;overflow:hidden;}
.pzbz-info .bd{padding-top:20px;width:100%;overflow:hidden; margin-bottom:5% }
.pzbz-info .bd .item{float:left;margin-top:2%;margin-right:3%;width:30%;}
.pzbz-info .bd .pic{float:left;width:40%;}
.pzbz-info .bd .pic img{display:block;width:100%;}
.pzbz-info .bd .text{position:relative;float:right;width:58%;overflow:hidden;}
.pzbz-info .bd .text:after{display:block;position:absolute;width:22px;height:1px;content:"";background:#c5c5c5; }
.pzbz-info .bd .text h3{margin-top:10%;line-height:32px;font-size:24px;color:#333;font-weight:normal;}
.pzbz-info .bd .text p{margin-top:6px;height:130px;line-height:26px;font-size:15px;color:#666;overflow:hidden;}
.baga{ background-color:#f1f1f1}
.tyzx-page-four{padding-top:20px;height:910px;overflow:hidden;background:url(/img/pager_four_bg.jpg) no-repeat center 0}
.tyzx-page-four .list{padding-top:20px;overflow:hidden;width: 80%;
margin: 0 auto;}
.tyzx-page-four .item{padding: 0px 0 34px 0;}
.tyzx-page-four .pic{float:left;width:142px;height:164px;overflow:hidden;}
.tyzx-page-four .pic img{display:block;width:142px;height:164px;}
.tyzx-page-four .text{padding-left:45px;width:60%;height:164px;overflow:hidden; padding-top:10px}
.tyzx-page-four .text h3{margin-top:16px;height:34px;line-height:34px;font-weight:normal;font-size:24px;color:#222;}
.tyzx-page-four .text em{position:relative;display:block;line-height:18px;font-size:14px;font-family:"DIN Medium";color:#999;}
.tyzx-page-four .text em:after{display:block;margin:15px 0;width:50px;height:3px;content:"";background:#ed6d01;}
.tyzx-page-four .text p{height:48px;line-height:24px;font-size:15px;color:#666; padding-top:10px}
.tyzx-page-four .btnBox{padding-left:188px;padding-top:62px;}
.tyzx-page-four .btnBox a{display:block;width:182px;height:62px;line-height:62px;font-size:18px;color:#fff;text-align:center;background:url(../images/tyzx/zx_btn.png) no-repeat;}
.tyzx-page-four .btnBox a:hover{background-image:url(../images/tyzx/zx_btn_cur.png);}
.designed-info{position:relative;width:100%;overflow:hidden; margin:0 auto}
.designed-info .pic{float:left;padding:10px;overflow:hidden;background:#fff; width:35%}
.designed-info .pic img{display:block; width:100%}
.designed-info .text{float:right;overflow:hidden; width:60%}
.designed-info .hd{ padding-top:1%;line-height:46px;overflow:hidden;}
.designed-info .hd .crumbs2{font-size:24px;color:#444; border-bottom:1px solid #e4e4e4}
.designed-info .hd .crumbs2 a{color:#fff;}
.designed-info .hd .crumbs2 a:hover{color:#811d21;}
.designed-info .tit h3{ border-bottom:1px solid #e4e4e4; line-height:30px; font-size:18px; padding-bottom:2%}
.designed-info .tit p{font-size:16px;font-weight:normal;color:#555; padding-top:2%; line-height:26px}
.designed-info .bd{position:relative; padding-bottom:8%;overflow:hidden;background:#fff;}
.designed-info .bd:before,.designed-info .bd:after{display:block;position:absolute;content:"";background:#e5e5e5;}
.designed-info .bd:before{left:38%;top:50%;margin-top:-110px;width:1px;height:220px;}
.designed-info .bd:after{left:50%;top:50%;margin-left:-290px;width:580px;height:1px;}
.designed-info .bd dl{float:left;padding:50px 0;width:50%;height:50px;overflow:hidden;}
.designed-info .bd dt{float:left;width:50px;height:50px;overflow:hidden;}
.designed-info .bd dt img{display:block;width:50px;height:50px;}
.designed-info .bd dd{padding-left:20px;height:50px;overflow:hidden;}
.designed-info .bd dd .p1{height:22px;line-height:22px;font-size:16px;color:#666;}
.designed-info .bd dd .p2{height:28px;line-height:28px;font-size:14px;color:#666;}
.designed-info .bd dd .p2 em{font-family:"DIN Medium";font-size:20px;color:#0076b3;}
.designed-info .bd dd .p2 span{font-size:15px;color:#0076b3;}
.floating_ck{position:fixed;right:10px;top:40%; z-index:999}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(/img/zxicon.png);}
.quote{background-image:url(/img/kficon.png);}
.qrcord{background-image:url(/img/erweima.png);}
.return{background-image:url(/img/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:150px;top:-50px; padding-top:20px}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.case_page .left .surface{
width: 100%;
float: left;
margin-top: 31px;
border: solid 1px #d9d9d9;
}
.case_page .left .surface li{
width: 33.33%;
float: left;
height: 44px;
line-height: 44px;
font-size: 16px;
color: #505050;
border-top: solid 1px #d9d9d9;
border-left: solid 1px #d9d9d9;
}
.case_page .left .surface li em{
width: 120px;
float: left;
font-size: 19px;
color: #999;
line-height: 43px;
text-align: center;
background-color: #f5f6f9
}
.case_page .left .surface li span{
width: 1px;
float: left;
margin-right: 25px;
height: 44px;
border: 0;
background-color: #d9d9d9
}
.case_page .left .explain{
width: 100%;
float: left;
font-size: 20px;
color: #505050;
line-height: 43px;
margin-top: 1px;
margin-bottom: 34px;
}
.sjszp{ width:30%; float:right; padding-top:6%}
.tita{ font-size:24px; border-bottom:1px solid #e0e0e0; padding-bottom:2%; color:#666666; margin-bottom: 5%;}
.lores_list .right ul{
width: 308px;
float:left;
margin-bottom: 16px;
border: solid 1px #d9d9d9;
}
.lores_list .right .stage li{
width: 100%;
float: left;
height: 42px;
line-height: 42px;
font-size: 16px;
padding: 0 20px;
}
.lores_list .right .stage li i{
width: 10px;
height: 42px;
line-height: 42px;
margin-left: 0;
margin-right: 10px;
float: left;
color: #d9d9d9;
}
.lores_list .right .stage li a{
color: #333333;
float: left;
width: 246px;
}
.lores_list .right .stage li.on a,
.lores_list .right .stage li a:hover{
color: #009966;
}
.lores_list .right .stage .stage_name{
font-size: 18px;
background-color: #d9d9d9;
}
.xiangqi2{ width:67%; float:left; padding-bottom:5%; overflow:hidden; padding-top:1%}
.xiangqi2 img { padding-bottom:20px}
.xiangqil{ width:67%; float:left; padding-bottom:5%; overflow:hidden; padding-top:4%}
.xiangqil img { padding-bottom:20px}
.xiangqil p{ line-height:30px}
.dingji{ width:30%; float:right}
.apply{
width: 100%;
float: right;
padding: 40px 20px;
margin-bottom: 16px;
border: solid 1px #d9d9d9;
}
.apply li{
width: 100%;
float: left;
text-align: center;
position: relative;
margin-top: 25px;
}
.apply li:first-child{
color: #333333;
font-size: 20px;
margin-top: 0;
}
.apply li:first-child+li{
color: #999999;
font-size: 16px;
margin: 15px 5px 0;
}
.apply li i{
position: absolute;
left: 20px;
top: 13px;
color: #999;
margin: 0;
font-size: 18px;
}
.apply li i.icon-mobile{
font-size: 25px;
top: 9px;
margin-left: -2px;
}
.apply li input{
width: 100%;
height: 44px;
line-height: 44px;
float: left;
border: solid 1px #d9d9d9;
font-size: 16px;
color: #999999;
text-align: left;
padding: 0 10px 0 48px;
}
.apply li button{
width: 100%;
float: left;
height: 43px;
line-height: 43px;
background-color: #0076b3;
border: 0;
color: #fff;
border-radius: 2px;
font-size: 18px;
}
.apply li:first-child+li+li+li+li+li+li{
font-size: 16px;
color: #999999;
}
.case_page .left .explain em{
color: #333;
}
.case_page .clearfix .caseDetail-img-nav{
width:80px;
min-height: 100px;
float: left;
}
.case_page .clearfix .caseDetail-img-nav dt{
font-size:18px;
width:100%;
padding-right:16px;
float: left;
color: #505050;
text-align: right;
margin:0 0 14px 1px;
}
.case_page .clearfix .caseDetail-img-nav dt a{
color: #505050;
width: 100%;
float: left;
}
.case_page .clearfix .caseDetail-img-nav dd{
width:100%;
padding-right:16px;
float: left;
line-height:24px;
margin:0 0 14px 0;
}
.case_page .clearfix .caseDetail-img-nav ul,
.case_page .clearfix .caseDetail-img-nav li{
width: 100%;
float: left;
text-align: right;
}
.case_page .clearfix .caseDetail-img-nav li a{
color: #999999;
font-size: 14px;
}
.case_page .clearfix .caseDetail-img-nav dt.active{
border-right: solid 2px #c15cc1;
position: relative;
z-index: 8
}
.case_page .clearfix .caseDetail-img-nav dt a:hover,
.case_page .clearfix .caseDetail-img-nav dd a:hover,
.case_page .clearfix .caseDetail-img-nav .active a{
color:#009966;
}
.case_page .clearfix .caseDetail-do{
top: 16px;
right: 16px;
}
.case_page .clearfix .caseDetail-img{
width:810px;
float: left;
position: relative;
z-index: 7
}
.case_page .clearfix .caseDetail-img li{
width: 100%;
float: left;
margin-bottom: 20px;
}
.case_page .clearfix .caseDetail-img li p{
width: 100%;
float: left;
line-height: normal;
position: relative;
text-indent: 0;
}
.page .left .caseDetail-img li p .lazy{
margin: 0;
min-height: inherit;
max-width: inherit;
}
.page .left .caseDetail-img li p em{
width: 110px;
height: 40px;
float: left;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #fff;
background-color: #000;
background-color: #0009;
position: absolute;
left: 20px;
bottom: 20px;
}
.page .left .caseDetail-img li p .anli_em_bag{
background: url(../images/anli_em.png) no-repeat;
}
.case_page ol.shares{
padding: 0 0 0 590px;
border-bottom: 0;
margin: 0;
}
.moareae{ padding:5%; border:1px solid #D8D8D8; margin-top:3%; margin-bottom: 5%;}
.domesticOutfit .bg-primary {
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
}
.pdt20 {
padding-top: 6% !important; border-bottom:1px solid #dbdbdb; padding-bottom:6%
}
.f24 {
font-size: 24px !important; padding-bottom:3%
}
.pdl10{ width:55%}
.pdl10 b{ font-size:16px; line-height:30px; font-weight: bold; color:#474747}
.pdl10 p{ font-size:14px; line-height:26px; }
.pdl10 b a{ color:#474747}
.pdl10 b a:hover{ color:#23368d}
.pdf501{ width:40%}
.pdf501 img{ width:100%}
.attach{
width: 308px;
height: 455px;
float: left;
margin-bottom:16px;
border: solid 1px #d9d9d9;
}
.attach img{
width: 306px;
height: 365px;
float: left;
margin-bottom: 19px;
}
.attach p{
width: 153px;
margin: 0 5px 20px 20px;
float: left;
}
.attach p b{
width: 100%;
float: left;
font-size:18px;
height: 19px;
color: #333;
text-align: left;
margin-bottom: 15px;
}
.attach p em{
width: 50%;
float: left;
font-size: 14px;
color: #505050;
white-space: nowrap;
/*overflow: hidden;*/
text-overflow: ellipsis;
}
.attach p em i{
color: #0076b3;
margin: 2px;
}
.attach a{
width: 110px;
float: left;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
color: #fff;background-color:#0076b3;
margin: 18px 17px 24px 0;
}
.abcomp{ font-size:25px; padding:10px 0; line-height:30px; color:#333333; font-weight:bold}
/*相似案例推荐*/
.case_groom{
width: 940px;
float: left;
padding: 8px 0 50px 0;
}
.case_groom h4{
width: 100%;
float: left;
font-size: 26px;
line-height: 26px;
font-weight: normal;
}
.case_groom h4 a{
color: #999;
font-size: 14px;
line-height: 14px;
margin-left: 23px;
float: right;
margin-top: 10px;
}
.case_groom .hr_hr{
height: 1px;
margin: 25px 0;
background-color: #c9c9c9;
}
.case_groom .case_groom{
padding:0;
}
.case_groom li{
width: 300px;
height: 330px;
float: left;
margin-left: 20px;
border: solid 1px #c9c9c9;
}
.case_groom li:first-child{
margin-left: 0;
}
.case_groom li a{
width: 100%;
float: left;
height: 330px;
}
.case_groom li:hover{
-moz-box-shadow:1px 1px 15px #787878;
-webkit-box-shadow:1px 1px 15px #787878;
box-shadow:1px 1px 15px #787878;
}
.case_groom li a img{
/* width: 100%; */
float: left;
/* height: 230px; */
}
.case_groom li a span{
padding: 22px 20px;
height: 100px;
width: 100%;
float: left;
}
.case_groom li a span label{
width: 100%;
float: left;
font-size: 16px;
line-height: 16px;
color: #505050;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.case_groom li a span hr{
width: 80px;
float: left;
height: 2px;
border: 0;
background-color: #009966;
margin: 11px 200px 11px 0;
}
.case_groom li a span em{
font-size: 14px;
line-height: 14px;
color: #999;
float: left;
}
.case_groom li a span em.mold{
float: right;
}
.about{
width: 100%;
padding-top:3%;
}
.paboutl {
width: 100%; margin:0 auto
}
.aboutitle {position:relative;overflow:hidden;height:90px; text-align:center }
.aboutitle span { padding:0;position:absolute; left:0;width:100%;height:50px; top:50%; margin-top:-10px; z-index:9; display:block; }
.aboutitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.aboutitle p{ position: relative; width:50px; height:2px; background:#cf2018; overflow:hidden; text-align:center;margin: 0 auto;}
.aboutitle span h3{padding:0 10px 0 0px; font-size:30px; font-weight:bold}
.aboutitle span h4{padding:0 10px 0 0px; font-size:24px;text-transform:uppercase;}
.aboutitle h1{ color:#ededed;font-size:66px;height:80px;display:block; margin:auto; width:100%;text-transform:uppercase; text-align:center;font-family: DINCondensedC;}
.paboutl_mian { width:80%; margin:0 auto;font-size:16px; color:#333; line-height:40px; padding:40px 0; overflow:hidden; clear:both; text-align:center}
.paboutl_mian strong { color:#000;}
.contacy{ padding-top:60px; padding-bottom:60px}
.cont li{ width:25%; float:left; text-align:center; padding-bottom:100px}
.cont li p { font-size:14px; line-height:30px; padding-top:10px; color:#5d5d5d}
.cont li p b{ font-size:20px}
.cont li p.telbig{ font-size:16px}
.liuyan{ background-color:#f6f6f6}
.liuyantp{ padding:5% 5% 5%}
.liuyantp span{ font-size:24px; color:#a7a7a7}
.customers { padding:50px 0 0 0;width:100%;margin:auto;overflow:hidden;text-align:center; display: block;}
.customers input {border-bottom:1px solid #f6bcc1 ; display: inline-block; text-transform:uppercase; outline:none; }
.customers textarea {border:#f6bcc1 1px solid; display:inline-block; font-size:16px;text-transform:uppercase; margin:30px 0; outline:none;clear:both;background-color:#f6f6f6;font-size:16px;}
.bgfff {
background-color: #FFFFFF;
}
.vr-info {
float: left;
width: 100%; padding-bottom:5%;
position: relative;
}
.vr-info .back {
height: 458px;
position: absolute;
left: 0;
right: 0;
top: 0;
background: #f5f0f6;
}
.vr-info .title {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center; margin-bottom:50px;
}
.vr-info .title .fll {
display: flex;
flex-direction: row;
align-items: center;
}
.vr-info .title .fll span {
float: left;
}
.vr-info .title .fll .font {
font-size: 48px;
color: #282828;
padding-left: 50px;
background: url("../img/9241c0_41x48.png") left center no-repeat;
}
.vr-info .title .fll .fontnews {
font-size: 48px;
color: #282828;
padding-left: 60px;
background: url("../img/5e4ea5_42x46.png") left center no-repeat;
}
.vr-info .title .fll .color {
color: #e73a44;
font-size: 36px;
margin-left: 11px;
position: relative;
top: 6px;
}
.vr-info .wrap {
float: left;
width: 100%;
margin-top: 42px;
padding-bottom: 0px;
position: relative;
}
.vr-info .wrap .card {
position: absolute;
right: 0;
bottom: 20px;
background: #fff;
width: 663px;
padding-right: 58px;
}
.vr-info .wrap .card .text {
padding: 49px 0 48px 58px;
float: left;
}
.vr-info .wrap .card .text h3 {
color: #1a1a1a;
font-size: 32px;
}
.vr-info .wrap .card .text p {
color: #939393;
font-size: 20px;
margin-top: 18px;
position: relative;
}
.vr-info .wrap .card .text p:after {
content: '';
position: absolute;
width: 82px;
height: 1px;
left: 0;
bottom: -20px;
background: #a5a5a5;
}
.vr-info .wrap .card .text .info {
float: left;
width: 100%;
margin-top: 47px;
}
.vr-info .wrap .card .text .info span {
float: left;
color: #929292;
}
.vr-info .wrap .card .text .info .sp1 {
padding-left: 22px;
background: url("../img/5f378a_14x14.png") left center no-repeat;
}
.vr-info .wrap .card .text .info .sp2 {
padding-left: 18px;
background: url("../img/df03eb_10x16.png") left center no-repeat;
margin-left: 40px;
}
.vr-info .wrap .card .look {
float: right;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.vr-info .wrap .card .look a {
width: 188px;
height: 52px;
border: 1px solid #909090;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 16px;
color: #525252;
margin-top: 21px;
}
.vr-info .wrap .card .look a:nth-of-type(1) {
margin-top: 53px;
}
.vr-info .wrap .card .look a span {
display: inline-block;
height: 23px;
line-height: 23px;
}
.vr-info .wrap .card .look a .s1 {
padding-left: 25px;
background: url("../img/1f0fd6_19x19.png") left center no-repeat;
}
.vr-info .wrap .card .look a .s2 {
padding-left: 30px;
background: url("../img/7e2a72_24x15.png") left center no-repeat;
}
.vr-info .wrap .card .look a:hover {
color: #e73a44;
border-color: #e73a44;
}
.vr-info .wrap .card .look a:hover .s1 {
padding-left: 25px;
background: url("../img/1f0fd7_19x19.png") left center no-repeat;
}
.vr-info .wrap .card .look a:hover .s2 {
padding-left: 30px;
background: url("../img/7e2a73_24x15.png") left center no-repeat;
}
.vr-info .wrap .left {
float: left;
width: 784px;
position: relative;
overflow: hidden;
}
.vr-info .wrap .left img {
transition: 0.9s
}
.vr-info .wrap .left:hover img {
transform: scale(1.1);
}
.vr-info .wrap .left img {
width: 100%;
}
.vr-info .wrap .right {
float: right;
width: 346px;
}
.vr-info .wrap .right .pict {
float: left;
width: 100%;
margin-top: 64px;
position: relative;
overflow: hidden;
}
.vr-info .wrap .right .pict img {
transition: 0.9s
}
.vr-info .wrap .right .pict:hover img {
transform: scale(1.1);
}
.vr-info .wrap .right .pict:after {
content: '';
position: absolute;
background: #e8e8e8;
height: 173px;
width: 23px;
bottom: 0;
}
.vr-info .wrap .right .pict img {
width: 100%;
}
.vrshow {
width: 100%; padding:4% 2%; max-width:1400px; margin:0 auto
}
.vrshow ul {
float: left;
width: 100%;
}
.vrshow ul li {
width: 100%;
transition: 0.9s
position: relative;
}
.vrshow ul li:hover .pict img {
transform: scale(1.1);
}
.vrshow ul li .first {
background: url("../img/c496e6_364x399.png") center top no-repeat;
background-size: cover;
border-radius: 6px;
color: #fff;
padding: 0 42px;
height: 100%;
padding-top: 72px;
}
.vrshow ul li .first h1 {
font-size: 60px;
}
.vrshow ul li .first p {
font-size: 30px;
position: relative;
margin-top: 29px;
}
.vrshow ul li .first p:after {
content: '';
position: absolute;
left: 0;
width: 59px;
height: 2px;
background: #fff;
bottom: -32px;
}
.vrshow ul li .first strong {
display: block;
margin-top: 63px;
font-size: 30px;
font-weight: normal;
}
.vrshow ul li .pict {
position: relative;
background-color: #efefef;
width:50%; overflow:hidden
}
.vrshow ul li .pict .box {
overflow: hidden;
}
.vrshow ul li .pict .box .look {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0,0,0,0.6);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
filter: alpha(opacity=0);
transition: 0.9s
}
.vrshow ul li .pict .box .look .ico-ease {
display: block;
width: 50px;
height: 31px;
background: url("../img/27b632_50x31.png") center top no-repeat;
background-size: cover;
}
.vrshow ul li .pict .box .look span {
color: #fff;
margin-top: 16px;
font-size: 14px;
}
.vrshow ul li .pict .box .look span a{
color: #fff;
padding-top: 16px;
}
.vrshow ul li .pict:hover .box .look {
opacity: 1;
filter: alpha(opacity=100);
}
.vrshow ul li .pict img {
width: 100%;
transition: 0.9s
}
.vrshow ul li .label {
z-index: 1;
position: absolute;
bottom: -18px;
right: 0;
width: 109px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
background: rgba(230,0,18,0.86);
}
.vrshow ul li .text {
padding: 5% 3% 3% 6%;
float: left;
width: 50%;
}
.vrshowtext {
background-color: #f3f3f3;
}
.vrshow ul li .text h3 {
color: #1a1a1a;
font-size:30px;
}
.vrshow ul li .text p {
color: #939393;
font-size: 18px;
margin-top: 20px;
position: relative;
}
.vrshow ul li .text p:after {
content: '';
position: absolute;
width: 47px;
height: 1px;
background: #a5a5a5;
left: 0;
bottom: -30px;
}
.vrshow ul li .text .info {
float: left;
width: 100%;
margin-top: 54px;
}
.vrshow ul li .text .info span {
float: left;
color: #929292;
}
.vrshow ul li .text .info .sp1 {
padding-left: 20px;
background: url("../img/5f378a_14x14.png") left center no-repeat; font-size:16px
}
.vrshow ul li .text .info .sp2 {
padding-left: 16px;
background: url("../img/df03eb_10x16.png") left center no-repeat;font-size:16px;
margin-left: 33px;
}
.vrshow .more {
float: left;
width: 100%;
text-align: center;
margin-top: 80px; margin-bottom:80px
}
.vrshow .more a {
border: 2px solid #d8d8d8;
width: 196px;
height: 53px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
color: #6c6c6c;
font-size: 18px;
margin: 0 auto;
transition: 0.9s
}
.vrshow .more a:hover {
color: #fff;
background: #e73a44;
}
.morea{ width: 300px;
height: 52px;
border: 1px solid #cecece;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 16px;
color: #525252;
margin-top: 45px;}
.morea .s2{ padding-left: 30px;
background: url(../img/7e2a72_24x15.png) left center no-repeat;}
.morea:hover .s2{ padding-left: 30px;
background: url(../img/7e2a73_24x15.png) left center no-repeat;}
.morea:hover{ width: 300px;
color: #e73a44;
border-color: #e73a44;}
.input2{ margin:0 ; padding:2% 1%; width:45%; float:left; margin-right:5%;border-left:none; border-right:none; border-top:none; margin-bottom:30px;background-color:#f6f6f6;font-size:16px;}
.input3{ margin:0 ; padding:2% 1%; width:50%; float:left; border-left:none; border-right:none; border-top:none; margin-bottom:30px;background-color:#f6f6f6;font-size:16px;}
.input1h {padding:2% 2%; height:180px;width:100%;}
.subat{ float:left}
.ftjbtn{padding:2% 0; width:250px;cursor:pointer; background-color:#e60012; border:0; height:52px; color:#FFFFFF; font-size:20px}
.ftjbtn:hover { background:#ad0815 ; color:#fff }
.ftjbtn1{padding:2% 0; width:250px;cursor:pointer; background-color:#8f8f8f; border:0; height:52px; color:#FFFFFF; font-size:20px; margin-left:20px}
.ftjbtn1:hover { background:#333 ; color:#fff }
.ping .scroll .box ul li .pict{ overflow:hidden}
.ping .scroll .box ul li .pict img:hover{ transform:scale(1.03);}
.news ul li .pict{ height:110px;overflow:hidden; text-align:center}.news ul li .pict img{ text-align:center}.news ul li .text{border-top:none; overflow:hidden}.news ul li .text h2 img{ width:100%;transition:all 1s; padding-bottom:0px}.news ul li .text h2{ overflow: hidden; color:#000000;font-size:20px; text-align:center}.news ul li .text p{color:#444; font-size:16px;line-height:60px; text-align:center; background-color:#FFFFFF; -webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}.news ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}.ping{float:left;width:100%;padding-top:0%;padding-bottom:4%; padding-left:1%; padding-right:1%}.ping .scroll{float:left;width:100%;margin-top:1px;position:relative}.ping .scroll .pos{position:absolute;top:45px;cursor:pointer;outline:0}.ping .scroll .pos.next{right:0}.ping .scroll .pos.prev{left:0}.ping .scroll .box{width:calc(100% - 0px);float:left;overflow:hidden}.ping .scroll .box ul{display:flex}.ping .scroll .box ul li{ text-align:center; padding-bottom: 1%; margin:1px 0px; border:1px solid #efefef;background-color:#fff;box-shadow:0 0 15px rgba(186,204,207,.5);margin-right:2%; ;width:23.3%;flex-shrink:0}.fonwa{ padding:0 5%; font-size:18px; font-weight: normal; padding-top:30px; padding-bottom:10px;}.ping .scroll .box ul li p{ padding:0 5%; font-size:15px; line-height:25px}.ping .scroll .box ul li .pict img{transition:all 1s; width:100%}.ping .scroll .box ul li span{margin-top:21px;font-size:14px;color:#6e6262; margin-left:3%}.banner{float:left;width:100%;overflow:hidden;position:relative; padding-top:100px}.banner ul{display:flex}.banner ul li{flex-shrink:0;float:left;width:100%}.banner ul li img{width:100%}.banner .cirl{position:absolute;left:0;right:0;bottom:30px;text-align:center;display:flex;justify-content:center}.banner .cirl span{display:block;cursor:pointer;width:50px;height:3px;background:#fff;margin-left:10px;vertical-align:top}.banner .cirl span.swiper-pagination-bullet-active{background:#0076b3}.footer{float:left;width:100%; padding-bottom:120px}.footer .bot-menu{float:left;width:100%;min-height:250px;padding-bottom:20px;padding-top:46px}.footer .bot-menu ul{float:left;width:80%}.footer .bot-menu ul li{width:18%}.footer .bot-menu ul li h3{font-size:18px}.footer .bot-menu ul li p{margin-top:16px}.footer .bot-menu ul li p a{color:#4e4e4e}.footer .bot-menu ul li span{display:block;color:#484848;margin-top:4px;line-height:1.6}.footer .bot-menu ul li span:nth-of-type(1){margin-top:12px}.footer .bot-menu ul li.last{width:44%}.footer .bot-menu .fr-code{float:right;width:20%;text-align:center}.footer .bot-menu .fr-code h2{font-size:18px}.footer .bot-menu .fr-code .pict{width:126px;margin:15px auto 0}.footer .bot-menu .fr-code .pict img{width:100%}.footer .copyright{ color:#666666;float:left;width:100%;padding:18px 0;}.footer .copyright p{text-align:center;font-size:14px;line-height:2}.wel{float:left;width:100%;background:#f5f5f5;border-bottom:1px solid #dfdfdf;line-height:44px}.wel .fl{font-size:14px;color:#414141}.wel .fr span{font-size:14px;color:#3e3e3e}.wel .fr b{font-size:20px;color:#0076b3}
.top{ background-color:rgba(0,0,0,0.4); color:#FFFFFF;float:left;width:100%; position:fixed; z-index:999;}.top .logo{float:left; width:12%;line-height: 90px;}.top .logo img{ width:100%}.top .fr-menu{float:right}.top .fr-menu ul{float:left}.top .fr-menu ul li{ padding:0 23px; margin-right:2px; line-height:90px;font-size:18px;position:relative}
.top .fr-menu ul li a{ color:#FFFFFF}
.top .fr-menu ul li a:hover{ color:#FFFFFF}
.top .fr-menu ul li { color:#fff}
.profile{ font-size:42px;font-family: "MONTSERRAT_BOLD";
color:#ededed}
.profile p{ font-size:20px; color:#000000}
.top .fr-menu ul li:last-child:hover{ background-color:transparent}
.top .fr-menu ul li:hover{ background-color:#0076b3; color:#FFFFFF}
.top .fr-menu ul li.active{ background-color:#0076b3; color:#FFFFFF}
.top .fr-menu ul li:hover .down{display:block}.top .fr-menu ul li .down{ display:none;top:90px;position:absolute;left:50%;transform:translate(-50%,0);z-index:999;right:0;background:#fff;padding-top:2px;width:200px; border:1px solid #E7E7E7;text-align:center}.top .fr-menu ul li .down a{height: 45px;border-bottom:1px solid #ececec;font-size:14px;line-height:45px;display:block; color:#000000}.top .fr-menu ul li .down a:first-child{border-top:none}.top .fr-menu ul li .down a:hover{color:#0076b3}.top .fr-menu ul li:hover>a{color:#0076b3}.top .fr-menu ul li.en{position:relative}.top .fr-menu ul li.en a{color:#256090}.top .fr-menu ul li.en:after{content:'/';position:absolute;top:50%;transform:translate(0,-50%);width:1px;height:20px;left:-20px;color:#565656}.search{float:left;position:relative}.search .ico-search{width:16px;height:16px;margin-top:23px;margin-left:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center top no-repeat;background-size:cover;cursor:pointer}.search .down{right:-8px;top:15px;display:none;position:absolute;border:1px solid #ccc;background:#fff;height:32px;width:202px}.search .down input{width:170px;height:100%;float:left;padding:0 10px;border:none;background:0 0}.search .down button{float:left;height:30px;width:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center no-repeat;background-color:#fff}.liaojie{float:left;width:100%;background:#eee;padding-top:55px;padding-bottom:62px}.liaojie .wrap{display:block;margin-top:48px;overflow:hidden;position:relative}.liaojie .wrap .next-button,.liaojie .wrap .prev-button{position:absolute;height:100%;width:218px;cursor:pointer;z-index:1;outline:0}.liaojie .wrap .prev-button{left:0}.liaojie .wrap .next-button{right:0}.liaojie .wrap ul{display:flex}.liaojie .wrap ul li{flex-shrink:0;position:relative;overflow:hidden}.liaojie .wrap ul li img{transition:.3s}.liaojie .wrap ul li:hover .boxs{background:rgba(0,0,0,.64)}.liaojie .wrap ul li:hover img{transform:scale(1.1)}.liaojie .wrap ul li.swiper-slide-active .boxs{opacity:1;filter:alpha(opacity=100)}.liaojie .wrap ul li .boxs{opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;justify-content:center;flex-direction:column;align-items:center;transition:.3s}.liaojie .wrap ul li .boxs h2{color:#fff; font-size:36px; line-height:50px}.liaojie .wrap ul li .boxs p{color:#fff;margin-top:1.5vmin}
.news ul li .text h2 img:hover{ transform:scale(1.06);}
.news ul li .text:hover{ color:#fff; background-color:#5c8ee3}
.links {
float: left;
width: 100%; background-color:#111111;
padding: 20px 0; border-bottom:1px solid #2d2d2d
}
.links h2 {
font-size: 18px;
float: left;
width: 175px; color:#b9b9b9
}
.links h2 i {
color: #850101
}
.links p {
float: left;
width: calc(100% - 175px)
}
.links p a {
float: left;
margin-left: 20px;
font-size: 14px;
color: #b9b9b9
}
.links p a:nth-of-type(1) {
margin-left: 0
}
.links p a:hover {
color: #850101
}
.title1 {
float: left;
width: 100%;
text-align: center
}
.title1 h2 {
font-size: 50px;
color: #e5e5e5;
text-transform: uppercase;
font-weight: 700
}
.title1 p {
font-size: 32px;
position: relative;
top: -20px; font-weight:bold
}
.title1 .line {
text-align: center
}
.title1 .line span {
display: inline-block;
width: 66px;
height: 2px;
background: #000
}
.title1 .line i {
width: 48%;
height: 1px;
background: #ccc;
margin-top: 6px
}
.title1 .line .block {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 12px;
height: 12px;
background: #2784ed
}
.join {
float: left;
width: 100%;
padding: 33px 0;
background: url(../img/340dd_1900x5171.jpg) center bottom no-repeat;background-size: 100% 50%;
}
.join .ad-box {
margin: 49px auto 0;
float: left;
width: 100%;
text-align: center;
position: relative
}
.join .ad-box .text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
z-index: 1
}
.join .ad-box .text h2 {
font-size: 44px
}
.join .ad-box .text p {
font-size: 22px;
margin-top: 24px
}
.join .ad-box .text a {
color: #fff;
font-size: 18px;
width: 136px;
height: 43px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 31px auto 0;
transition: .2s
}
.join .ad-box .text a:hover {
background: #bd1a05;
color: #fff;
border-color: #bd1a05
}
.bgc{ background-color:#f3f3f3;}
.textb{ vertical-align:middle; line-height:30px;}
.row-index03{margin-top:52px}
.ind4-imgtxt .ind4-item{float:left;width:50%}
.ind4-imgtxt .ind4-item-l .pic-txt{position:relative;padding-top:64.58%;overflow:hidden}
.ind4-imgtxt .ind4-item .pic-txt img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ind4-imgtxt .ind4-item .pic-txt .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background-size:cover}
.ind4-imgtxt .ind4-item .pic-txt .txt{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;color:#fff;padding:10% 50px 50px 50px; }
.ind4-imgtxt .ind4-item-r .pic-txt{position:relative;padding-top:32.29%;overflow:hidden;width: 100%;float: left;}
.ind4-imgtxt .ind4-item .pic-txt .titles{margin-bottom:15px;}
.ind4-imgtxt .ind4-item .pic-txt .titles h3{font-size:30px;line-height:1.1;}
.ind4-imgtxt .ind4-item .pic-txt .titles p{font-size:18px;font-weight:700; padding-top:10px; font-weight:normal}
.ind4-imgtxt .ind4-item .pic-txt .info{width:80%;font-size:18px;line-height:1.8;height:5.4em;overflow:hidden; padding-top:2%}
.ind4-imgtxt .ind4-item .pic-txt a{display:block;height:50px;line-height:46px;font-size:0;border:2px solid #fff;border-radius:25px;text-align:center;width:180px;margin-top:18px}
.ind4-imgtxt .ind4-item-r .pic-txt a{position:absolute;right:0;bottom:100%}
.ind4-imgtxt .ind4-item .pic-txt .txt-body{padding-top:0px;opacity:1;position:relative;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ind4-imgtxt .ind4-item .pic-txt:hover .txt-body{padding-top:0;opacity:1}
.ind4-imgtxt .ind4-item .pic-txt a span{display:inline-block;vertical-align:middle;color:#fff;font-size:14px;width:100%;text-align:left;background:url(../images/zp4.png) right 20px center no-repeat;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; text-align:center}
.ind4-imgtxt .ind4-item .pic-txt a:hover span{padding-left:25px;background-position:right 25px center}
.ind4-imgtxt .ind4-item-r .pic-txt .info{height:3.6em;overflow:hidden}
.ind4-imgtxt .ind4-item .pic-txt:hover .mask{opacity:1}
.ind4-imgtxt .ind4-item .pic-txt:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ind4-imgtxt .ind4-item-ls .pic-txt{position:relative;padding-top:32.29%;overflow:hidden}
.process {
line-height: 1;
text-align: center; padding-top:1%; padding-bottom:1%
}
.process .title {
font-size: 32px;
color: #333333;
margin-bottom: 25px; font-weight:bold
}
.process .sub-title {
font-size: 18px;
margin-bottom: 44px;
color: #828282;
}
.process .content {
width: 100%; padding:0 2%
margin: 0 auto;
}
.process ul:after {
content: "";
width: 0;
display: block;
clear: both;
}
.process ul {
position: relative;
}
.process ul:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 153px;
left: 0;
background-image: url(../images/case-bg.png);
background-size: cover;
z-index: -1;
}
.process li {
width: 25%;
float: left;
border-right:1px solid #f1f1f1;
}
.pd50{ padding-top:50px}
.process li:last-child {
margin-right: 0;border-right:0px
}
.process .icon {
position: relative;
height: 50px;
border-radius: 50%;
line-height: 89px;
margin: 0 auto 42px;
}
.process .icon img {
vertical-align: middle;
}
.process .text-title {
font-size: 19px;
color: #333; font-weight:bold
}
.process .text-description {
font-size: 16px;
color: #828282;
text-align: left;
line-height: 23px;
padding-top:3%; text-align:center; padding-bottom:20px; width:70%; margin:0 auto
}
.indexTitle{padding-top: 10px;margin-bottom: 45px;text-align: center;font-size: 18px;color: #999;}
.indexTitle fieldset{ width: 50%; height: 105px;padding: 0;margin: 0 auto;border: 4px solid #E0E0E0;}
.indexTitle legend{margin: 0 auto 12px;}
.indexTitle h2{height: 44px;padding: 2px 28px 0;line-height: 44px;font-size: 32px;font-weight: bold;color: #333;}
.indexTitle h2 .dot{padding: 0 6px;margin-top: -10px;font-size: 52px;line-height: 6px;vertical-align: middle;}
.indexTitle2{color: #F5F5F5;}
.indexTitle2 fieldset{border-color: rgba(255,255,255,.12);}
.indexTitle2 h2{color: #FFF;}
.index-loupan-content{ width:59%; margin:0 auto; text-align:center; float:right;padding-top: 30px;}
.index-loupan-content a { text-align:center; padding:12px;line-height:35px;font-size:18px;color:#595757;margin:0 10px;border-radius: 3px;}
.index-loupan-content a:hover {background-color: #0076b3!important;
color: #fff!important;
border-color: #0076b3!important;}
.index-loupan-content .ctiae {background-color: #0076b3!important;
color: #fff!important;
border-color: #0076b3!important;}
.zhiyinshui{float:left;width:100%;padding-top:59px; padding-bottom:60px}
.zhiyinshui ul{margin-top:41px}
.zhiyinshui ul li{width:31.33%;float:left;margin-left:2%; margin-bottom:2%;}
.zhiyinshui ul li:nth-of-type(1){margin-left:0}
.zhiyinshui ul li:nth-of-type(4){margin-left:0}
.zhiyinshui ul li:nth-of-type(7){margin-left:0}
.zhiyinshui ul li:nth-of-type(10){margin-left:0}
.zhiyinshui ul li .pict{ height:110px;overflow:hidden; text-align:center}
.zhiyinshui ul li .pict img{ text-align:center}
.zhiyinshui ul li .text{border-top:none}
.zhiyinshui ul li .text h2 img{ width:100%}
.zhiyinshui ul li .text h2{ color:#000000;font-size:20px; text-align:center}
.zhiyinshui ul li .text p{color:#444; font-size:16px;line-height:60px; text-align:center; background-color:#ededed; -webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}
.zhiyinshui ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}
.service {
text-align: center;
line-height: 1;
margin-top: 70px;
margin-bottom: 100px;
}
.service .title {
font-size: 32px;
color: #333;
margin-bottom: 20px; font-weight:bold
}
.service .sub-title {
font-size: 18px;
color: #828282;
margin-bottom: 50px;
}
.service .content {
width: 100%; padding:0 2%
}
.service .content:after {
content: "";
width: 0;
display: block;
clear: both;
}
.service li {
position: relative;
float: left;
width: 23%; margin-right:1%; margin-left:1%;
height: 304px;
box-sizing: border-box;
border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
overflow: hidden;
}
.service li:last-child {
margin-right: 0;
}
.service li:hover{
box-shadow: 0px 3px 35.69px 7.31px rgba(195, 195, 195, 0.2);
}
.service li:hover .li-item2 {
display: block;background-color:#0076b3
}
.service li:nth-child(n+5) {
border-bottom: none;
}
.email-function {
text-align: center;
line-height: 1;
}
.service li>div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.service .li-item1 {
padding-top: 100px;
transition: all 0.3s;
}
.service .icon {
margin-bottom: 12px;font-size: 26px; color: #fff;
}
.service .text {
color: #fff;
font-size: 16px;line-height: 28px; width:70%; margin:0 auto
}
.service .li-item2 {
background-color: #fff;
padding-top: 100px;
top: 0;
left: 0;
display: none;
}
.service .li-item2 .text-title {
font-size: 26px;
color: #fff;
margin-bottom:14px;
}
.service .li-item2 .text-description {
font-size: 16px;
color: #fff;
line-height: 28px;
}
.qzliuchang{padding-top:4%;min-height:600px;overflow:hidden;background:url(../img/liucheng.jpg) no-repeat center 0;background-size:100% 100%;}
.qzliuchang-list{padding-top:40px;width:100%;overflow:hidden;}
.qzliuchang-list .item{position:relative;float:left;margin-left:2%;color:#fff; width:18%;text-align: center; margin-bottom:2%}
.qzliuchang-list .item img{ width:100%; height:112px}
.qzliuchang-list .item:nth-child(6) { margin-left:0 }
.qzliuchang-list .item:last-child{ margin-right:0}
.qzliuchang-list .item em{display:block;position:absolute;left:-25%;top:28%;font-size:20px;font-family:"DIN Medium";}
.qzliuchang-list .item i{display:block;height:92px;overflow:hidden ;}
.qzliuchang-list .item i img{display:block;transition:all 1s linear;}
.qzliuchang-list .item p{padding-top:25px;font-size:18px;text-align:center;overflow:hidden;}
.qzliuchang-list .item:nth-child(1){ margin-left:0}
.wrapper{margin:0 auto;width:100%; padding:0 2%}
.wrapper1200{margin:0 auto;width:1200px;}
.wrap-title{margin-bottom:30px;text-align:center;overflow:hidden;}
.wrap-title h2{height:32px;line-height:32px;font-size:36px;font-weight: bold;color:#000; }
.wrap-title h2 a{color:#000;}
.wrap-title h2 em{color:#0076b3;font-family:"DIN Medium";}
.wrap-title p{margin-top:28px;font-size:18px;color:#999;font-family:"DIN Medium";}
.wrap-title.white *{color:#fff;}
.vrar{background: url(../img/340dd_1900x517.jpg) center bottom no-repeat;
padding-bottom: 30px;background-size:100% 40%}
.quanjing {
float: left;
width: 100%;
padding-top: 4%;
padding-bottom: 2%;
}
.quanjing .wrap {
float: left;
width: 100%;
margin-top: 0px;
overflow: hidden; padding:0;
}
.quanjing .wrap ul {
display: flex;
float: left;
width: 100%;
}
.quanjing .wrap ul li {
flex-shrink: 0; border:1px solid #ececec; padding:1%;border-radius: 15px;
}
.quanjing .wrap ul li:hover .item img {
transform: scale(1.1);
opacity: 0.9;
filter: alpha(opacity=90);
}
.quanjing .wrap ul li:hover .item .look {
opacity: 1;
filter: alpha(opacity=100);
}
.quanjing .wrap ul li .item {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}
.quanjing .wrap ul li .item img {
width: 100%;
transition: 0.9s
}
.quanjing .wrap ul li .item .look {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
filter: alpha(opacity=0);
transition: 0.9s
}
.quanjing .wrap ul li .item .look .ico-ease {
display: block;
width: 50px;
height: 31px;
background: url("../img/27b632_50x31.png") center top no-repeat;
background-size: cover;
}
.quanjing .wrap ul li .item .look span {
color: #fff;
margin-top: 16px;
font-size: 16px;
}
.quanjing .wrap ul li .text {
float: left;
width: 100%;
padding:4%; padding-bottom:5%; text-align:center
}
.quanjing .wrap ul li .text a:hover{ color:#23368d}
.quanjing .wrap ul li .text h3 {
font-size: 18px; line-height:25px; text-align:center;
}
.quanjing .wrap ul li .text p {
font-size: 15px;
color: #929292; text-align:left; line-height:28px
}
.quanjing .wrap ul li .text span{ width:50%; float:left; padding-top:5px
}
.moeab{ text-align:center; font-size:18px; border:1px solid #0076b3; width:200px; margin:0 auto; margin-top:50px; line-height:40px; color:#0076b3}
.moeab:hover{ background-color:#d8e0f7; color:#0076b3}
.news{float:left;width:100%; padding-top:0px; margin-bottom:3%}
.p100{ padding-top:60px}
.newsbga{background: url("../img/aboutbg.jpg") }
.data-bar .datas{float:right;width:100%; margin-top:4%; padding:3% 0}
.data-bar .datas dl:nth-child(1) {
border-left:#ddd solid 0px;
}
.data-bar .datas dl{float:left; width:19%;height:80px; background-color:#FFFFFF; margin-right:2%; padding:18px 10px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 15px 0 rgba(0,0,0,0.05);}
.data-bar .datas dt{height:45px;line-height:45px;font-size:40px;color:#111;text-align: center;}
.data-bar .datas dt em{font-size:32px; color: #0076b3; font-style:normal}
.data-bar .datas dt sub{position:relative;bottom:11px;font-size:16px; left:10px}
.data-bar .datas dd{margin-top:10px;font-size:16px;color:#666;line-height:1.5; text-align:center}
.loeagmore{background-color:#efefef; height:336px; text-align:center; font-size:30px; line-height:330px}
.loeagmore:hover{background-color:#0076b3; color:#FFFFFF}
.wariLeft2 {
width: 42%; padding-top:1%
}
.wariLeft2 img{
width:100%;
}
.wariInt2l {
padding:1.5% 0 0 4%;
width:58%;
}
.wariInt2l b {
font-size: 22px;
color: #333;
}
.wariInt2l b p{
font-size: 25px;
color: #0076b3;
line-height: 30px; font-weight:normal; font-weight:bold
}
.wariInt2l p {
font-size: 16px;
color: #4f4f4f;
text-align: left;
padding-top: 15px;
line-height:30px;
}
.wariInt2l p img {
padding-right: 22px;
}
.p50e{ margin-top: 3%; background-color:#f7f7f7; height:374px}
.wariLeft2a {
width: 46%;
}
.wariLeft2a img{ width:100%
}
.wariInt2la {
padding:3% 0 1% 4%;
width:50%;
}
.wariInt2la b {
font-size: 22px;
color: #0076b3;
line-height: 20px; margin-top:10%; font-weight: bold;
}
.wariInt2la b p{
font-size: 20px;
color: #333;
line-height: 28px; font-weight: bold
}
.wariInt2la p {
font-size: 15px;
color: #5f5f5f;
text-align: left;
line-height:30px; padding-top:10px; padding-bottom:10px; width:95%
}
.wariInt2la p img {
padding-right: 22px;
}
.showse p{ line-height:30px; padding:0}
.shoes { text-align:center; }
.shoes img{ text-align:center; width:auto}
.aboutta{ padding:6% 0 3% 0; float:left}
.aboutta b{ font-size:42px; font-weight:normal}
.aboutta span{ font-size:32px; color:#0076b3;}
.abouttb{ float:right;padding:6% 0 3% 0;}
.abouttb a { text-align:center; padding:15px;line-height:35px;font-size:16px;color:#595757;margin:0 10px;border-radius: 3px; border:1px solid #CCCCCC}
.abouttb a:hover {background-color: #0076b3!important;
color: #fff!important;
border-color: #0076b3!important;}
.baojia {
padding:20px 0 20px;
}
.jia_tab .tab {
float:left;
display:inline-block;
width:150px;
height:50px;
margin-right:1px;
font-weight:bold;
font-size:16px;
color:#fff;
line-height:50px;
text-align:center;
background-color:#c8c8c8;
}
.jia_tab .tab.on {background-color:#0076b3;}
.baojia .title {
padding:0 0 20px;
font-size:20px;
color:#333;
border-bottom:1px solid #eee; text-align:left
}
.baojia .form {
padding:20px 0 20px;
}
.baojia .left_s {
float:left;
width:100%;
padding:20px 0 0 0px;
background-color:#fff;
margin-bottom:20px;
}
.baojia .left_s .each {
margin-bottom:16px; margin-top:20px
}
.baojia .left_s .label {
float:left;
width:100px;
font-size:16px;
color:#0076b3;
line-height:40px;
text-align:right;
}
.baojia .left_s .h30 .label {
line-height:30px;
}
.baojia .left_s .input_w {
margin-left:135px;
line-height:40px;
}
.baojia .left_s .h30 .input_w {
line-height:30px;
}
.baojia .left_s .input_text {
width:50%;
height:44px;
padding:0 10px;
border:1px solid #ebebeb;
}
.baojia .left_s .tips {
font-size:14px;
color:#999;
}
.baojia .left_s .submit_w {
padding-left:135px;
}
.baojia .left_s .input_submit {
width:130px;
height:45px;
font-size:14px;
color:#fff;
line-height:45px;
text-align:center;
background-color:#0076b3;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.baojia .right_s {
float:right;
width:325px;
padding:20px;
background-color:#fff;
}
.baojia .right_s .each {
margin-bottom:20px;
line-height:1.8;
}
.baojia .right_s .label {
float:left;
width:100px;
font-size:16px;
color:#999;
text-align:right;
}
.baojia .right_s .r_con {
margin-left:120px;
margin-bottom:20px;
}
.radio_a {
position: relative;
display: inline-block;
width:auto;
margin-right:10px;
margin-bottom:10px;
}
.radio_a input {
z-index: 2;
position: absolute;
top:0;
left: 0;
width:100%;
height:100%;
opacity: 0;
cursor: pointer;
}
.radio_a label {
position: relative;
display:block;
height:28px;
padding:0 8px;
line-height:28px;
cursor: pointer;
white-space:nowrap;
border:1px solid #eee;
}
.radio_a input:checked + label:after {
content: '';
width:100%;
height:28px;
position: absolute;
top: 0px;
left: 0px;
background: url(../img/bgcolor_03.png) no-repeat right bottom;
border:1px solid #0068b7;
}
.service-center {
float: left;
width: 100%; padding-top:50px
}
.service-center .layout {
display: table;
-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.3);
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
width: 100%;
}
.service-center .layout .fl-box {
float: left;
width: 255px;
}
.service-center .layout .fl-box h2 {
background: #0076b3;
color: #fff;
padding: 25px 0;
text-align: center;
line-height: 1.6;
}
.service-center .layout .fl-box ul {
float: left;
width: 100%;
background: url("../img/e30f1_257x1.png") right top repeat-y;
}
.service-center .layout .fl-box ul li {
height: 67px;
border-bottom: 1px solid #bbbdb8;
width: 100%;
line-height: 66px;
font-size: 16px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
position: relative;
cursor: pointer;
}
.service-center .layout .fl-box ul li:after {
content: '';
position: absolute;
width: 3px;
height: 6px;
background: #0076b3;
left: 30px;
top: 50%;
margin-top: -3px;
}
.service-center .layout .fl-box ul li.acti,
.service-center .layout .fl-box ul li:hover {
background: #06288e;
}
.service-center .layout .fl-box ul li.acti:after,
.service-center .layout .fl-box ul li:hover:after {
background: #fff;
}
.service-center .layout .fl-box ul li.acti a,
.service-center .layout .fl-box ul li:hover a {
color: #fff;
}
.service-center .layout .fl-box ul li a {
display: block;
padding-left: 47px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.service-center .layout .fl-box .hot {
float: left;
width: 100%;
padding: 29px 0 30px;
background: url("../img/e30f1_257x1.png") right top repeat-y;
text-align: center;
}
.service-center .layout .fl-box .hot p {
font-size: 18px;
}
.service-center .layout .fl-box .hot h3 {
font-size: 30px;
font-family: 'Impact';
margin-top: 18px;
color: #0076b3;
}
.service-center .layout .fr-box {
float: right;
position: relative;
width: -webkit-calc(100% - 255px);
width: calc(100% - 255px);
}
.service-center .layout .fr-box .item {
position: relative;
}
.service-center .layout .fr-box img {
width: 100%;
}
.service-center .layout .fr-box .box {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0;
background: rgba(255,255,255,0.9);
border: 13px solid rgba(255,255,255,0.61);
padding: 30px;
width: 481px;
}
.service-center .layout .fr-box .box h2 {
color: #0076b3;
font-size: 24px;
}
.service-center .layout .fr-box .box p {
display: table; width:100%
}
.service-center .layout .fr-box .box p a {
color: #353535;
float: left;
width: 33.33%;
margin-top: 20px;
}
.service-center .layout .fr-box .box p a:hover {
color: #0076b3;
}
.service-center .layout .fr-box .box .more {
width: 113px;
height: 33px;
line-height: 33px;
background: #0076b3;
color: #fff;
display: block;
text-align: center;
margin-top: 30px;
}
.pub-title {
display: table;
width: 100%;
padding: 65px 0 0 0;
text-align: center;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pub-title i {
height: 5px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: url("../img/440a1_1x5.png") repeat-x;
}
.pub-title .box {
position: relative;
padding: 0 20px;
min-height: 78px;
z-index: 1;
margin: 0 15px;
}
.pub-title .box:after {
content: '';
position: absolute;
background: url("../img/29aef_11x78.png") center no-repeat;
width: 11px;
height: 100%;
top: 0;
left: 0;
}
.pub-title .box:before {
content: '';
position: absolute;
background: url("../img/9eaad_11x78.png") center no-repeat;
width: 11px;
height: 100%;
top: 0;
right: 0;
}
.pub-title .box h2 {
font-size: 32px;
color: #0076b3;
margin-top: 10px; font-weight:bold
}
.pub-title .box p {
color: #636363;
margin-top: 10px;
}
.aboutTit{text-align:center;}
.aboutTit h2{font-size:35px; color:#333;}
.historyBox{width:100%; margin-top:3%; margin-bottom:4%}
.historyBox .swiper-slide{max-width:25%;}
.historyBox .box{background-color:#f6f6f6; padding:20px; min-height:300px; margin-bottom:10%;}
.historyBox .box ul{list-style:disc;}
.historyBox .box h2{font-size:16px; color:#333; line-height:1.1; border-bottom:1px solid #ededed; padding:20px 0;}
.historyBox .box:hover h2{color:#0076b3;}
.historyBox .box h2 span{font-size:36px; margin-right:3px;}
.historyBox .box li{font-size:16px; color:#373434; margin-top:10px; line-height:28px; padding-top:3%}
.historyBox .swiper-scrollbar-drag{background-color:#0076b3; border-radius:5px;}
.inner{ padding-top:100px}
.inner img {
width: 100%;
}
.float_qq {
position: fixed;
top: 50%;
right: 0;
margin-top: -101px;
width: 50px;
height: 203px;
z-index: 6666
}
.float_qq li {
width: auto;
height: 50px;
z-index: 20
}
.float_qq li.float_qq1,
.float_qq li.float_qq4 {
position: absolute;
left: 0;
width: 62px
}
.float_qq li.float_qq1 {
top: 0
}
.float_qq li.float_qq2 {
position: absolute;
top: 51px;
left: 0;
width: 126px
}
.float_qq li.float_qq3 {
position: absolute;
top: 102px;
left: 0;
width: 172px
}
.float_qq li.float_qq31 {
position: absolute;
top: 153px;
left: 0;
width: 172px
}
.float_qq li.float_qq4 {
top: 204px
}
.float_qq4 {
position: absolute;
top: 204px;
left: 0
}
.float_qq li a {
display: block;
font-family: "Microsoft Yahei";
color: #FFF;
font-size: 14px;
height: 50px;
line-height: 50px;
overflow: hidden;
background-color: #000;
opacity: .8;
border-radius: 6px
}
.float_qq li a img {
display: block;
float: left;
vertical-align: middle;
width: 24px;
height: 24px;
margin: 12px 12px 14px 14px
}
.float_qq li a:hover {
background-color: #c70c1f;
opacity: 1
}
.float_shwx {
position: absolute;
top: -146px;
left: -196px;
background: url(../images/float_wxbd.png) no-repeat bottom right;
width: 216px;
height: 216px;
padding-bottom: 9px;
display: none
}
.float_shwx img {
display: block;
padding: 14px;
background-color: #FFF;
width: 188px;
height: 188px
}
.pub_cate{border-bottom:1px solid #e5e5e5; height:65px; background-color:#fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.pub_cate ul li{ margin: 0 10px 0 0px; float:left}
.pub_cate ul li span{line-height: 14px;
color: #1039b5;
text-align: center;
display: inline-block;
font-size: 16px;
}
.pub_cate ul li a{line-height: 64px;
text-align: center;
display: inline-block;
font-size: 16px; padding:0 20px; color:#666666
}
.pub_cate ul li.cur a,.pub_cate ul li a:hover{background:#0076b3; color:#FFFFFF}
.pub_cate ul li a span{margin-right:15px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;position:relative;top:0px;}
.pub_cate ul li a:hover span{top:-5px;}
.In-newsL{padding:3% 0 0 0px;}
.In-newsL ul li{width:97.6%;float:left;margin-bottom:30px;margin-right:2.1953333%;color:#333; border-bottom:1px solid #DFDFDF; padding:30px 0px}
.In-newsL ul li:nth-child(3n){margin-right:0;}
.In-newsL ul li .newleft{float:left; width:33%; overflow:hidden}
.In-newsL ul li .note{padding: 10px; float:right; width:64%}
.In-newsL ul li img{width:100%;object-fit: cover;transition:all 1s;}
.In-newsL ul li img:hover{ transform:scale(1.1);}
.In-newsL ul li .date{font-size:16px; color: #CCCCCC}
.In-newsL ul li h4{margin:20px 0 10px;font-weight:bold;font-size:20px;line-height:30px;}
.In-newsL ul li h4 a:hover{color:#0076b3;}
.In-newsL ul li p{ line-height:30px; padding-bottom:20px; padding-top:10px; font-size:16px;}
.In-newsL ul li a.more{color:#0076b3;}
.pub-all-tit{font-size:24px;color:#333;text-align: center;font-weight: bold; padding-top:50px}
.recruitDl dt{padding: 20px 40px;
font-size: 16px;
font-weight: normal;
cursor: pointer;
background: #eee url(../img/icon05.png) no-repeat right 40px center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
margin-top: 10px;
}
.sitea{ line-height:65px; font-size: 15px}
.plaels{ min-height:450px;}
.conata{ border: 1px solid #eee; padding:20px; height:100px; margin-top:30px}
.confl{ padding-right:20px}
.confr h4{ font-size:16px; line-height:26px}
.confr p{ font-size:21px; color:#0076b3}
.job-cont .info {
text-align: center;
color: #777;
line-height: 30px;
margin: 20px 0 35px;
}
.in_introduce_content{
}
.in_intro_list{
text-align: center;
}
.in_intro_list_ul{
display: inline-block;
overflow: hidden;
}
.in_intro_list_ul li{
float: left;
margin: 0 10px;
}
.in_intro_list_ul li a{
font-size: 16px;
color: #232323;
line-height: 40px;
display: block;
padding: 0 40px;
border-radius: 40px;
background: #e4e4e4;
}
.in_intro_list_ul li.active{
}
.in_intro_list_ul li.active a{
background: #0076b3;
color: #fff;
}
.in_intro_main{
padding: 40px 0;
}
.in_intro_box{
}
.in_intro_box .box_main{
display: none; text-align:center;margin: 0 auto; position: relative;
width: 70%; overflow:hidden;background: rgba(0,0,0,0.9);}
.in_intro_box .box_main img{ width:100%;transition:all 1s;}
.in_intro_box .box_main img:hover{ transform:scale(1.05); }
.in_intro_box .box_main p{ font-size:20px; color:#fff; line-height:50px}
.in_intro_box .box_main .box {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 47%;
}
.in_intro_box .box_main .box img{ width:64px; height:64px
}
.box_info{
overflow: hidden;
display: flex;
flex-direction: row;
}
.box_info .left{
float: left;
width: 300px;
padding: 100px 30px;
background: #38adff;
}
.box_info .left .img{
position: relative;
height: 125px;
margin-bottom: 70px; text-align:center
}
.box_info .left .img i{
font-size: 65px;
position: absolute;
top: 0;
left: 50%;
color: #eb2b03;
transform: translateX(-50%);
padding: 30px;
border-radius: 50%;
background: #fff;
}
.box_info .left .txt{
text-align: center;
}
.box_info .left .txt h2{
font-size: 16px;
color: #fff;
margin-bottom: 10px;
}
.box_info .left .txt h3{
font-size: 14px;
color: #fff;
line-height: 24px;
}
.box_info .right{
float: left;
width: calc(100% - 300px);
padding-left: 20px;
}
.box_info_right_ul{
overflow: hidden;
}
.box_info_right_ul li{
float: left;
width: 32%;
margin-bottom: 20px;
padding: 40px 30px ;
background: #f6f6f6;
text-align: center;
}
.box_info_right_ul li:nth-child(3n-1){
margin: 0 2%;
}
.box_info_right_ul li:nth-last-child(-n+3){
margin-bottom: 0!important;
}
.box_info_right_ul li .img{
position: relative;
margin-bottom: 10px;
}
.box_info_right_ul li .img i{
font-size: 55px;
position: absolute;
top: 0;
left: 50%;
color: #eb2b03;
transform: translateX(-50%);
}
.box_info_right_ul li h2{
font-size: 16px;
color: #232323;
font-weight: bold;
margin-bottom: 20px;
}
.box_info_right_ul li h3{
color: #565656;
font-size: 14px;
line-height: 20px;
height: 60px;
}
.box_info .left_2{
padding: 70px 30px;
}
.box_info .left_2 .img{
text-align: center;
margin-bottom: 90px;
}
.box_info .left_2 .img img{
display: block;
width: 100%;
margin-bottom: 20px;
}
.box_info .left_2 .img p{
font-size: 16px;
color: #fff;
line-height: 30px;
}
.box_info .introduce_box{
overflow: hidden;
}
.box_info .introduce_box .introduce_info_ul{
margin-bottom: 40px;
}
.recruitCon{ margin-bottom:100px}
.recruitDl dt span{display: inline-block;
width: 22%;
}
.recruitDl dt span:nth-child(1){width: 32%;}
.recruitDl dt:hover{
background: #0076b3 url(../img/icon05_2.png) no-repeat right 40px center;
-webkit-transition: all .3s;
color: #fff;
}
.recruitDl dt.on {
background: #0076b3 url(../img/icon05_on.png) no-repeat right 40px center;
-webkit-transition: all .3s;
color: #fff;
}
.recruitDl dd{padding: 40px;
background: #f9f9f9;
display: none;
}
.recruitDl dd h1{font-size: 18px;
color: #17294d;
margin-bottom: 10px;
}
.recruitDl dd p{margin-bottom: 38px;
font-size: 14px;
color: #666;
line-height: 28px;
}
.recruitDl dd strong{color: #17294d;
}
.recruitDl .butDiv2{margin: 0;}
.recruitDl .downloadBut{ background-image: url(../img/icon11.png);
padding-left: 22px;
}
.recruitDl .butDiv2:hover .downloadBut{background-image: url(../img/icon11_on.png);
}
.prodaa{ float: left;
width: 100%;
padding-top: 54px;
padding-bottom: 50px;}
.bgf{ background-color:#FFFFFF; }
.proright{ width:100%; padding:0; max-width:1400px}
.proright ul{ width:100% ;}
.proright ul li{ width:42%; float:left; margin-top:3%; margin-right:4%; margin-left:2%; background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
box-shadow: 0 0 15px rgba(0,0,0,0.08); padding:3%
}}
.proright ul li:nth-child(1) {
margin-left: 0;
}
.proright ul li:nth-child(n+1) {
margin-left: 0;
}
.proright ul li:nth-child(2n) {
margin-right: 0;
}
.proright ul li .newleft {
float: left;
width: 30%;
}
.proright ul li .note {
padding: 3% 3% 1% 5%;
float: right;
width: 55%;
}
.proright ul li h4 {
margin: 15px 0 10px;
font-size: 20px;
line-height: 30px; font-weight:bold
}
.proright ul li p {
line-height: 30px;
padding-bottom: 30px; font-size:16px
}
.zhiwei{ font-size:16px; color:#0076b3; }
.proright ul li .note .more{ color:#0076b3; margin-top:3%}
.proright ul li img {
width: 100%;
object-fit: cover;
}
.dowebok { width: 100%; height: 450px; border:1px solid #eee; }
.dowebok ul { margin: 0; }
.dowebok ul li{ text-align:center; width:100%; padding-top:30px }
.dowebok ul li p{ font-size:16px; line-height:30px}
/*Plugin CSS*/
.str_wrap {
overflow:hidden;
//zoom:1;
width:100%;
font-size:12px;
line-height:16px;
position:relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
background:#f6f6f6;
white-space:nowrap;
}
.str_wrap.str_active {
background:#f1f1f1;
}
.str_move {
white-space:nowrap;
position:absolute;
top:0;
left:0;
cursor:move;
}
.str_move_clone {
display:inline-block;
//display:inline;
//zoom:1;
vertical-align:top;
position:absolute;
left:100%;
top:0;
}
.str_vertical .str_move_clone {
left:0;
top:100%;
}
.str_down .str_move_clone {
left:0;
bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
white-space:normal;
width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
cursor:inherit;
}
.str_wrap img {
max-width:none !important;
}
.proright ul li .text { width:100%}
.proright ul li .text img{ width:100%}
.proright ul li .textspan{ margin:5px 20px 20px 20px; font-size:18px; line-height:56px}
.proright ul li .text p{ font-size:14px; line-height:23px;margin:20px; color:#777}
.menu{ width: 100%; height: 66px; margin: 0 auto; background: #0076b3; text-align:center;border:1px solid #333333; }
.productrig{font-size:20px; line-height:65px; color:#fff;background: #0076b3; height:65px; text-indent:30px }
.menuali ul li{ /*height:45px; */line-height: 56px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 15px; width:100%; text-align:left;padding: 0 20px; }
.menuali ul li p{ text-align:center}
.menuali ul li span{ display: block; width: 100%; position: relative; padding: 0 20px; }
.menuali ul li span i{ display: block; height: 20px; width: 20px; background: url(../img/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px; transition: all 0.3s ease-out; transform: rotate(0deg);}
.menuali ul li:hover{ background-color:#f0f0f0; }
.actia{ background-color:#f0f0f0; }
.menu b{ font-size:20px; line-height:66px; color:#fff; text-align:center; font-weight:normal}
.proas {
float: left;
width: 100%;
padding-top: 2%;
padding-bottom: 4%;background:url(../img/abo.jpg)
}
.tabox{width:100%;margin:0 auto;border-top:1px solid #ddd; margin-top:40px}
.tabox .hd{overflow:hidden;background:url(../images/bg.png) 0 -32px #efefef;border-left:1px solid #ddd;}
.tabox .hd li{position:relative;margin-left:-1px;height:55px;line-height:55px;text-align:center;width:14.3%;float:left;border:1px solid #ddd;border-top:0}
.tabox .hd li.on{width:14.6%;background:#0076b3;color:#fff;}
.tabox .bd{border:1px solid #ddd;border-top:0;}
.tabox .lh{overflow:hidden;}
.tabox .lh li{width:25%;padding:40px 50px ;float:left;}
.tabox .lh li .p-img{margin:0 auto;text-align:center;}
.tabox .lh li .p-img img{ width:100%;}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden; text-align:center; margin-top:10px;}
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;}
.gongneng{float:left;width:100%;padding-top:59px; background-color:#f3f3f3; padding-bottom:30px}.gongneng ul{margin-top:41px}.gongneng ul li{width:23%;float:left;margin-left:2%; margin-bottom:4%;border:1px solid #E8E8E8; background-color:#FFFFFF; padding:20px;padding-bottom: 50px;}.gongneng ul li:nth-of-type(1){margin-left:0}.gongneng ul li:nth-of-type(5){margin-left:0}.gongneng ul li .pict{ overflow:hidden; text-align:center}.gongneng ul li .pict img{ text-align:center; margin-top:20px;}.gongneng ul li .text{padding:19px 5px;border-top:none}.gongneng ul li .text h2{ color:#000000;font-size:18px; text-align:center}.gongneng ul li .text p{color:#989898;line-height:1.8;margin-top:15px;-webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}.gongneng ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:10px}
.nal{ width:60px; border-bottom:2px solid #0076b3; margin:0 auto}
.jiage{float:left;width:100%;padding-top:59px; padding-bottom:10px}.jiage ul{margin-top:41px}.jiage ul li{width:32%;float:left;margin-left:2%; margin-bottom:2%;border:1px solid #E8E8E8; background-color:#FFFFFF;}.jiage ul li:nth-of-type(1){margin-left:0}.jiage ul li:nth-of-type(5){margin-left:0}.jiage ul li .pict{ height:130px;overflow:hidden; text-align:center}
.jiage ul li .pict h2{ text-align:center; color:#FFFFFF; padding-top:30px; font-size:24px}
.jiage ul li .pict p{ text-align:center; color:#FFFFFF; padding-top:20px; font-size:30px}
.jiage ul li .pict p span{ font-size:18px}
.jiage ul li .text{padding:19px 10px;border-top:none; text-align:center}.jiage ul li .text h2{ color:#000000;font-size:20px; text-align:center}
.jiage ul li .text p{ font-size:16px;color:#989898;line-height:1.8;margin-top:10px;-webkit-line-clamp:2;display:-webkit-box;word-wrap:break-word;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical}
.jiage ul li .text span{display:block;color:#989898 ; text-align:center;margin-top:40px; border:1px solid #CCCCCC; width:140px; height:40px; margin: 0 auto; line-height:40px}
.calculator { background-image:url(../img/bag.jpg);
height:176px;
width: 100%;
line-height: 1;
}
.calculator .content {
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.calculator .content:after {
content: "";
width: 0;
display: block;
clear: both;
}
.calculator li {
position: relative;
float: left;
width: 438px;
vertical-align: top;
}
.calculator li:last-child {
width: 315px;
}
.calculator li:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 1px;
height: 64px;
background-color: #e6f0fe;
}
.calculator li:last-child:before {
display: none;
}
.calculator .title {
padding-top: 30px;
font-size: 24px;
color: #fff;
margin-bottom: 18px; text-align:left
}
.calculator .sub-title {
font-size: 18px;
color: #fff;
}
.calculator li:nth-child(2) {
text-align: center;
}
.calculator .buy {
padding-top: 10px;
font-size: 20px;
color: #fff;
margin-bottom: 18px;
}
.calculator .buy .el-input-number{
display: inline-block;
}
.calculator .buy input {
color: #fff;
font-size: 16px;
width: 58px;
height: 28px;
background-color: transparent;
border: none;
border-bottom: 1px solid #e6e6e6;
outline: none;
margin: 0 13px;
/* box-shadow: 0px 3px 9.84px 2.16px rgba(210, 210, 210, 0.18); */
border-radius: 3px;
text-align: center;
display: inline-block;
}
.calculator .text {
font-size: 16px;
color: #fff;
}
.calculator .text span {
color: #92dfc9;
}
.calculator .open {
width: 214px;
height: 50px;
line-height: 50px;
border-radius: 5px;
background-color: #3585f9;
color: #fff;
font-size: 18px;
text-align: center;
margin: 0 0 0 auto;margin-top:20px;
margin-bottom: 17px;
}
.calculator .open a {
display: block;
color: #fff;
}
.calculator .description {
color: #fff;
font-size: 16px;
text-align: right;
}
.partners {
margin-top: 100px;
margin-bottom: 72px;
line-height: 1;
text-align: center;
}
.partners .title {
font-size: 26px;
color: #333;
margin-bottom: 34px;
}
.partners .sub-title {
font-size: 18px;
color: #888;
margin-bottom: 50px;
}
.partners .content {
width: 1200px;
margin: 0 auto;
}
.partners .content:after {
width: 0;
content: "";
display: block;
clear: both;
}
.partners li {
position: relative;
display: inline-block;
float: left;
width: 20%;
height: 146px;
line-height: 146px;
/* border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5; */
box-sizing: border-box;
}
.partners li:before {
content: "";
position: absolute;
width: 1px;
height: 90px;
background-color: #e4e4e4;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.partners li:after {
content: "";
position: absolute;
height: 1px;
width: 200px;
background-color: #e4e4e4;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.partners li img {
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
.on-line {
border-top: 1px solid #0d0d0d;
padding: 29px 0;
background: rgba(0,0,0,0.8);
position: fixed;
display: table;
width: 100%;
left: 0;
right: 0;
bottom: 0;
}
.on-line .wid {
position: relative;
}
.on-line .close {
width: 11px;
height: 13px;
background: url("../img/087f5_11x13.png") center top no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.on-line .ico-dengji {
height: 52px;
width: 52px;
background: url("../img/99d54_52x52.png") center no-repeat;
float: left;
}
.on-line .title {
float: left;
margin-left: 17px;
margin-top: 6px;
}
.on-line .title h2 {
color: #3585f9;
font-size: 27px;
}
.on-line .title p {
font-size: 13px;
color: #f4f4f4;
margin-top: 6px;
}
.on-line ul {
float: left;
margin-top: 7px;
}
.on-line ul li {
margin-left: 19px;
}
.on-line ul li input {
width: 186px;
height: 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: none;
padding: 0 15px;
}
.on-line ul li input::-webkit-input-placeholder {
color: #9e9e9e;
}
.on-line ul li button {
color: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 118px;
height: 40px;
background: #3585f9;
}
.on-line .tel {
float: right;
}
.on-line .tel p {
color: #fff;
padding-left: 30px;
background: url("../img/4e1ea_20x20.png") left center no-repeat;
height: 20px;
line-height: 20px;
}
.on-line .tel h3 {
font-size: 30px;
color: #3585f9;
margin-top: 6px;
}
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}
h6{ margin-block-start: 1.23em;
margin-block-end: 1.23em;
margin-inline-start: 0px;
margin-inline-end: 0px;l}
.indtit {
max-width: 1400px; margin:0 auto; padding:0
}
.indtit-wd{float: left;}
.indtit-wd p{font-size: 34px;color: #1a1a1a;font-family: "MONTSERRAT_BOLD";text-transform: uppercase; font-weight:bold}
.indtit-wd h6{font-size: 26px;color: #333;margin-top: 1px;}
.indtit-wd h6 span{display: inline-block;position: relative;}
.indtit-wd h6 span:after{content: "";position: absolute;width: 40px;height: 4px;background: #0076b3;top: 50%; right: -54px;}
.indtit-xm{float: right;font-size: 0;width: 92px;padding-top: 24px;}
.indtit-xm>div{width: 50%;height: 46px;display: inline-block;background: url("../img/eventArr.png") no-repeat right center;cursor: pointer;transition: all .4s ease;}
.indtit-xm>div:hover{background-image: url('../img/eventArrH.png');}
.indtit-xm>div.indtit-xm-prev{transform: rotate(180deg);}
.indtit-xm>div.swiper-button-disabled{opacity: .5;cursor: default;}
.indtit-xm>div.swiper-button-disabled:hover{background-image: url('../images/index/eventArr.png');}
.indxm-loop{width: 100%;margin-top: 68px;position: relative;}
.indxm-link{display: block;width: 100%;position: relative;overflow: hidden;}
.indxm-link img{width: 100%;object-fit: cover;transition: all .4s linear;}
.indxm-link h1{position: absolute;width: 100%;bottom: 32px;padding: 0 32px;left: 0;font-size: 20px;color: #fff;font-weight: 700;z-index: 2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxm-link:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/index/eventSd.png') repeat-x left bottom /auto 100%;}
.indxm-link:hover img{transform: scale(1.06);}
.indxm-line{width: 100%;height: 2px;background: #ededed;position: relative;margin-top: 56px;}
.indxm-line-roll{position: absolute;width: 0;height: 2px;top: 0;left: 0;background: #0076b3;}
.indxw{width: 100%;padding: 0 100px 134px;overflow: hidden;}
.indtit-xw{float: right;padding-top: 24px;}
.indtit-xw a{display: block;position: relative;width: 116px;height: 36px;font-size: 0;overflow: hidden;}
.indtit-xw a span, .indtit-xw a i{display: block;height: 24px;line-height: 24px;transition: all .4s ease;}
.indtit-xw a span{font-size: 14px;color: #1a1a1a;font-weight: 700;letter-spacing: .2em;text-transform: uppercase;float: left;}
.indtit-xw a i{float: right;width: 16px;background: url('../img/eventArr.png') no-repeat center;}
.indtit-xw a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #1a1a1a;transition: all .4s ease;}
.indtit-xw a:hover span{color: #0076b3;letter-spacing: .3em;}
.indtit-xw a:hover i{background-image: url('../img/eventArrH.png');transform: translateX(-4px);}
.indtit-xw a:hover:after{background: #0076b3;}
.indxw-item{width: 1200px; margin:0 auto;}
.indxw-loop {
width: 48.8%;
float: left;
}
.indxw-loopwdimg{width: 100%;position: relative;display: block;overflow: hidden;}
.indxw-loopimg{width: 100%;object-fit: cover;height: 442px;transition: all .4s linear;}
.indxw-loopwd{position: absolute;z-index: 2;overflow: hidden;background: rgba(0,0,0,.5);transition: all .4s ease;padding: 18px 50px 18px 18px;left: 0;bottom: 0;width: 100%;}
.indxw-loopwd span{display: block;width: 100%;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
.indxw-loopwd h1{width: 100%;font-size: 18px;margin-top: 8px;color: #fff;font-weight: 700;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-loop .swiper-pagination{width: 150px;left: auto;right: 0;padding-right: 16px;text-align: right;bottom: 18px;}
.indxw-loop .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 100%;background: #fff;opacity: 1;margin: 0 4px !important;}
.indxw-loop .swiper-pagination-bullet-active {background: #0076b3;}
.indxw-loopwdimg:hover .indxw-loopimg{transform: scale(1.06);}
.indxw-loopwdimg:hover .indxw-loopwd{background: rgba(0,0,0,.6);}
.swiper-slide-active .indxw-loopwd span{animation: indxwP .8s ease both 400ms;}
.swiper-slide-active .indxw-loopwd h1{animation: indxwP .8s ease both 800ms;}
.indxw-list{width: 48.2%;float: right;}
.indxw-list a{display: block;width: 100%;padding: 13px 0;border-top: 1px solid #d7d7d7;overflow: hidden;}
.indxw-list a:last-child{border-bottom: 1px solid #d7d7d7;}
.indxw-listimg{width: 110px;height: 110px;float: left;overflow: hidden;background: #e7e9eb;text-align: center;padding-top: 10px;transition: all .4s ease;}
.indxw-listimg b{font-size: 40px;color: #6b6e6f;padding-bottom: 8px;position: relative;transition: all .4s ease; font-weight:normal}
.indxw-listimg p{font-size: 18px;color: #999;margin-top: 14px;transition: all .4s ease;}
.indxw-listwd{width: calc(100% - 150px);float: right;padding-left: 30px;padding-top: 10px;}
.indxw-listwd h1{font-size: 18px;color: #333;font-weight: 700;line-height: 1.4em;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-listwd p{font-size: 14px;color: #929292;line-height: 28px;height: 56px;margin-top: 12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-list a:hover .indxw-listwd h1{color: #0076b3;}
.indxw-list a:hover .indxw-listimg{background: #0076b3;}
.indxw-list a:hover .indxw-listimg b, .indxw-list a:hover .indxw-listimg p{color: #fff;}
.indxw-list a:hover .indxw-listimg h6:after{background: #fff;}
.fonwa a:hover{ color:#23368d}
.tiadf { font-size:30px; padding-bottom:20px; font-weight:bold}
.ywa{ font-size:20px; color:#CCCCCC; padding-top:10px; padding-bottom:15px; font-weight:normal}
.aotae{ padding-top:60px; width:48.5%; float:left}
.videos{ float:right; padding-top:40px; width:50%; text-align:right}
.aotae img{ width:100%}
.aotae b{ font-size:36px; line-height:30px;}
.aotae p{ font-size:16px; line-height:28px; padding-top:10px; color: #848484;}
.tiadfa span{ border-bottom:3px solid #0076b3;padding-bottom: 18px;}
.tiadfa{ font-size:30px; padding-bottom:20px; font-weight:bold; border-bottom:1px solid #d7d7d7}
.index_product_buy_bg {margin:0 auto;position:relative;background-image:url("../img/dibu15.png"); height:300px}
.index_product_buy_opt {height:107px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;text-align:center;font-weight:lighter;}
.index_product_buy_opt_txt {font-family:"STHeitiSC-Light",BlinkMacSystemFont,"Helvetica","lucida Grande","PingFang SC","SCHeiti","Microsoft YaHei";font-size:30px;color:#000;letter-spacing:0;height:30px;line-height:30px;margin-bottom:40px;}
.index_product_buy_opt_btn {height:37px;}
.index_product_buy_opt_btn {height:37px;}
.index_product_buy_opt_btn a {width:144px;height:35px;line-height:35px;display:inline-block;*display:inline;*zoom:1;font-family:"STHeitiSC-Light",BlinkMacSystemFont,"Helvetica","lucida Grande","PingFang SC","SCHeiti","Microsoft YaHei";font-size:14px;}
.index_product_buy_btn_white {border:1px solid #2A8AE2;color:#2A8AE2;margin-right:30px;}
.index_product_buy_btn_blue {border:1px solid #2A8AE2;background-color:#2A8AE2;color:#FFFFFF;}
.ind-abt{margin-top:25px;background-position:center bottom;background-repeat: no-repeat;padding-bottom:135px; background-color:#f6f6f6}
.ind-abt .intro{padding:0px 5%;line-height:30px;text-align: center; font-size:16px; padding-top:30px}
.ind-abt dl{background:#f6f6f6;position:relative;padding:70px 15%;overflow:hidden;}
.ind-abt dl dd{float:left;text-align: center;width:33.3333%;}
.ind-abt dl dd span{font-family: Arial;font-size: 40px;font-weight: bold;color:#0076b3;display:block;margin-bottom:5px;}
a {color: #333;text-decoration: none}
a:hover {color: #082f54}
.about-banner { position:relative;width:100%;max-height:400px;margin-top: 80px;overflow:hidden;}
.about-banner img {display: block;width: 100%;height: auto;}
.about-banner-content {width: 1200px;position: absolute;left:50%;top:0;height: 100%; z-index: 20;margin-left: -600px;}
.about-banner-content h1{ font-size: 32px;position: absolute;right:0;top:30%;overflow:hidden;color: #a3a7b6; text-transform: uppercase;font-weight:normal;display:none}
.about-banner-content .logoicon {position: absolute;left:0;top:20%;width:93px;text-align: left;}
.about-banner-content .logoicon img {display:inline-block;max-width:100%;height:auto;max-height:80px;width: auto;opacity: 0.5;}
.about-nav {position: absolute;width: 1200px;margin-left: -600px;left:50%;bottom:0;background: #295d86;opacity:0.8;}
.about-nav a { padding:2% 0;overflow: hidden;color: #fff;display: block; text-align: center;width:10%;float: left;font-size: 16px; line-height:16px;}
.about-nav a.cur {color:#0b308e;background: #fff;}
.about-nav a:hover {background:#65c6ff;}
.tisl{ font-size:24px; font-weight:bold; text-align:center; line-height:30px; padding-bottom:30px}
.p50{ padding-top:3%; font-size:16px; line-height:30px; color:#383838}
.p80{ padding-top:80px;}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.arcit { font-size:16px; line-height:30px; color:#666666; padding-top:50px}
.arcit p{ font-size:16px; line-height:30px;color:#666666}
.article-info{padding:74px 0 96px;border-bottom:1px solid #cccccc;}
.artInfo-left{ padding-bottom:5%; }
.artInfo-left .artInfo-name{line-height:65px;font-size:24px;font-weight:600;color:#000; text-align:center}
.artInfo-left .artInfo-action{line-height:22px;color:#888888;margin:1px 0 0; text-align:center; margin-bottom:20px}
.artInfo-action .see{display:inline-block;padding:0 0 0 23px;background:url(../images/icon/icon-see2.png) no-repeat left center;margin:0 0 0 40px;}
.artInfo-left .artInfo-con{padding:0px 0 0;line-height:24px;color:#666666;border-top:1px solid #e5e5e5;position:relative;overflow:hidden; padding-bottom:80px; padding:2% 0}
.artInfo-con p{ line-height:30px}
.artInfo-left .artInfo-con img { padding-bottom:15px}
.artInfo-con table tr td{border:1px solid #666;}
.artInfo-conp4{ padding:2% 4% ; }
.aboutLeft{ float:left;padding-top:0px; padding-bottom:80px;}
.aboutLeft img{ width:100%}
.aboutInt {
float:right; margin-top:0px;margin-right:50px;
}
.aboutInt b{
font-size:36px; color: #cbcbcb; line-height: 120%;
}
.aboutInt p.zwc{ font-size:20px; font-weight:bold; line-height:30px; color:#000000}
.aboutfoot{
padding-bottom: 60px; padding-left:60px
}
.aboutInt p {
font-size: 14px;
line-height: 180%; color:#666666;
}
.aboutInt span{
font-size: 14px;
line-height: 250%; color: #0a335b; font-weight:bold; text-decoration:underline
}
.aboutInt span a{ color: #0a335b;}
.aboutInt span a:hover{ color: #ef9b07;}
.aboutWord {
margin-top: 40px;
margin-bottom: 85px;
}
.aboutWord h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
}
.aboutWord p {
font-size: 16px;
line-height: 220%;
}
.products_list{ padding-top:60px;}
.products_list ul { padding-bottom:80px;
}
.products_list ul li {
margin-bottom: 34px;box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}
.products_list ul li:first-child {
margin-top: 0
}
.products_list ul li img{ transition:all 1s; width:100%}
.products_list ul li:hover img{
transform:scale(1.1);
}
.products_list ul li .img {
overflow: hidden;
float: left;
width: 240px;margin:50px 20px 50px 50px
}
.products_list ul li:after {
content: '';
display: block;
}
.products_list ul li .text {
overflow: hidden;
border-left: 0;
margin:50px 20px 50px 50px; border-left:1px solid #E6E6E6; padding-left:50px;
}
.products_list ul li .text .time {
color: #f2af3a; font-size:14px; margin-top:10px;
}
.products_list ul li .text h3 {
font-size: 20px;
margin-bottom:10px;
line-height:26px; color:#0a345c
}
.products_list ul li .text h3 a{ color:#0a345c}
.products_list ul li .text h3 a:hover{ color:#cea76e}
.products_list ul li .text p {
color: #666;
height: 100px;
overflow: hidden; font-size:14px; line-height:26px; color:#666
}
.products_list ul li a:hover .text h3, .products_list ul li a:hover .text p {
color: #cea76e
}
.newin{
font-size: 16px;
line-height: 23px;
; text-align:center
}
.news_details .d_text {
background: #f6f6f6;
padding: 50px;
}
.news_details .d_text h2 {
text-align: center;
font-size: 24px;
font-weight: normal;
line-height: 1.2em;
margin-bottom: 10px;
}
.news_details .d_text .tit {
border-bottom: 1px solid #d0d0d0;
padding-bottom: 10px;
margin-bottom: 40px;
}
.news_details .d_text .tit p{ text-align:center; line-height:30px;
}
.news_details .d_text h3 {
font-size: 16px;
margin: 10px 0;
font-weight: 600;
}
.news_details .d_text .text { line-height:26px;
}
.news_details .d_text .text p {
margin-bottom: 15px; line-height:26px; font-size:16px;
}
.news_details .d_text .text div{
margin-bottom: 15px; line-height:26px; font-size:16px;
}
.news_details {
position: relative; padding-top:30px; padding-bottom:30px;
}
.news_details.product {
padding-left: 300px;
}
.news_details .products_list, .pro_menu {
position: absolute;
top: 0;
left: 0;
width: 280px;
}
.news_list{ padding-top:80px;}
.news_list ul { padding-bottom:80px;
}
.news_list ul li {
margin-bottom: 34px;box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}
.news_list ul li:first-child {
margin-top: 0
}
.news_list ul li img{ width:100%; transition:all 1s;}
.news_list ul li:hover img{
transform:scale(1.1);
}
.news_list ul li .img {
height: 256px;
overflow: hidden;
float: left;
width: 386px;
}
.news_list ul li:after {
content: '';
display: block;
}
.news_list ul li .text {
overflow: hidden;
border-left: 0;
height: 256px;
padding: 30px;
}
.news_list ul li .text .time {
color: #f2af3a; font-size:14px; padding-top:10px
}
.news_list ul li .text h3 {
font-size: 20px;
margin-bottom:10px;
line-height:26px; color:#0a345c
}
.news_list ul li .text h3 a{ color:#0a345c}
.news_list ul li .text h3 a:hover{ color:#cea76e}
.news_list ul li .text p {
color: #666;font-size:14px; line-height:26px;
}
.news_list ul li a:hover .text h3, .news_list ul li a:hover .text p {
color: #cea76e
}
.Footer-wrapper{color:#fff;}
.F-cr{line-height:26px;font-size:13px;color:rgba(255,255,255,.6);background:#333;border-top:1px solid #464646; }
.F-cr .contain{padding:14px 0;}
.F-cr-fl{float:left;width:50%;}
.F-cr-fl a{margin:0px 8px;opacity:0.5;}
.F-cr-fl a:hover{opacity:1;}
.F-cr-fl a:first-child{margin-left:0px;}
.F-cr-fr{float: right;}
.F-cr-fr a{vertical-align: middle;}
.F-cr-fr a:hover{color: #fff;}
.F-cr-fr p{margin-top:10px;}
.footer-container{padding:56px 0 45px; background-color:#333333}
.F-nav{width:11.2%;float:left; }
.F-nav:last-child{width:18%; text-align:right; float:right}
.wcxg{ float:left; padding-left:8%; text-align:center; padding-bottom:8%}
.wcxg p{ font-size:14px; line-height:30px; padding-top:10px; color:#a7a7a7;}
.F-nav.F-nav2{width:18.0833%;}
.F-nav dt,
.F-ct .top{line-height:25px;font-size:18px;position:relative; color:#fff; }
.F-nav dt i{display:block;width:50px;height:50px;background:url(../images/icon-dd2.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;display:none;}
.F-nav dt.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }
.F-nav dd{margin:15px 0 0; color:#666; line-height:30px}
.F-nav dd img{ padding-top:10px; padding-right:15px}
.F-nav dd b{ font-size:30px; color:#bd1a05; font-weight:normal}
.F-nav dd a{display:block;padding:5px 0;line-height:20px; color:#929292;}
.F-nav dd a:hover{ color:#0076b3}
.F-ct{width:130px;float:right;}
.F-ct .tel{line-height:22px;color:rgba(255,255,255,.6);margin:11px 0 0;}
.F-ct .tel a{font-size:18px;color:#fff;}
.F-ct .adr{line-height:22px;color:rgba(255,255,255,.6);margin:7px 0 0;}
.F-code{display:inline-block;text-align:center;margin:18px 0 0;}
.F-code .type{line-height:22px;font-size:13px;color:#b6b6b6;margin:10px 0 0;}
.F-split{width:1px;height:13px;background:#666;margin:0px 10px;display: inline-block;vertical-align: middle}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.finden{ width:1200px; margin:0 auto}
.finden ul{}
.finden ul li{ width:25%; float:left; padding-bottom:30px; padding-left:1%; padding-right:1%}
.findenimg{ text-align:center}
.findenimg img{ text-align:center; width:100%}
.texta{ font-size:18px; color:#0a345c; line-height:40px; text-align:center}
.finden ul li p{ font-size:14px; line-height:30px; margin-left:117px;}
.powert{ font-size:16px; line-height:36px; padding-top:50px; text-align:center; padding-bottom:40px;}
.powert h2{ font-size: 34px;
font-weight: bold;
color: #0a345c;
text-align: center; padding-bottom:10px}
.powert span{ font-size: 20px;
font-weight: bold;
color: #3078bb;
text-align: center; padding-bottom:10px}
.powert p{ font-size: 26px;
font-weight: bold;
color: #3078bb;
text-align: center; padding-bottom:10px}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px; }
.pagination > li {
display: inline; }
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #0076b3;
border-color: #0076b3;
cursor: default; }
.liaojie .wrap ul li .boxs p a{color: #fff;}
.liaojie .wrap ul li .boxs p a:hover{color: #fff;}
.Service { padding: 4% 0; width:1200px; margin:0 auto }
.Service .Ser_zx > ul > li { margin-bottom: 25px; border: 1px solid #d3d3d3; padding: 30px 60px; width: 48%; float:left; margin-left:1%; margin-right:1%}
.Service .Ser_zx .zx_img { width: 98px; height: 144px; background: url(../img/icon_9.png)/*tpa=http://www.coremail.cn/Public/Ho../img/icon_9.png*/ no-repeat center; background-size: 100%; }
.Service .Ser_zx .zx_txt { width: calc(100% - 138px); }
.Service .Ser_zx .zx_txt h4 { margin-bottom: 10px; line-height: 34px; }
.Service .Ser_zx .zx_txt h4 span { float: left; font-size: 16px; color: #333; }
.Service .Ser_zx .zx_txt p a { float: left; line-height:34px; width: 111px; height: 34px; background: #458ebe; font-size: 14px; color: #fff; text-align: center; }
.Service .Ser_zx .zx_txt h4 a:hover { opacity: .7; }
.Service .Ser_zx .zx_txt h5 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d4d4d4; }
.Service .Ser_zx .zx_txt h5 em { display: inline-block; position: relative; padding-left: 15px; margin-right: 30px; font-size: 14px; color: #999; line-height: 20px;width: 100%; }
.Service .Ser_zx .zx_txt h5 em:before { position: absolute; left: 0; top: 50%; width: 7px; height: 7px; content: ''; margin-top: -3px; background: #7fbad7; }
.Service .Ser_zx .zx_txt p { font-size: 14px; color: #666; line-height: 24px; }
.Service .Ser_zx .zx_txt p span { display: block; }
.Service .Ser_mian { width:100%; }
.wrap { width:100% }
@media screen and (max-width:768px){.min-nav{float:right;transition:.3s;width:30px;height:21px;margin-top:5.5px;position:relative;cursor:pointer;margin-right:0;margin-left:20px;display:none}.min-nav:after{content:'';transition:.3s;position:absolute;width:100%;height:1px;left:0;top:0;background:#0076b3}.min-nav:before{content:'';transition:.3s;position:absolute;width:100%;height:1px;background:#0076b3;left:0;top:100%}.min-nav.active{transform:scale(.9)}.min-nav.active:after{transform:rotate(45deg);top:50%}.min-nav.active:before{top:50%;transform:rotate(-45deg)}.min-nav.active i{opacity:0;filter:alpha(opacity=0);transform:translate(10px,0)}.min-nav i{margin-top:10px;transition:.3s;display:block;height:1px;background:#0076b3}.min-menu{width:100%;background:#e8e8e8;z-index:5;display:none}.min-menu ul li{width:100%;border-bottom:1px solid #6acbea;text-align:center;background-color: #0076b3;}.min-menu ul li [class*=ico]:after{position:absolute;top:50%;transform:translate(0,-50%);margin-left:10px}.min-menu ul li:hover>a{background:#202020}.min-menu ul li>a{display:block;padding:0 3%;line-height:40px;transition:.2s}.min-menu ul li>a .ico-arrow{float:right;width:10px;height:10px;margin-top:14px;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:rotate(-45deg);transition:.3s}.min-menu ul li>a .ico-arrow.rogate{transform:rotate(-225deg);margin-top:18px}.min-menu ul li>a .wap-none{display:none}.min-menu ul li .down{display:none;float:left;width:100%;background:#d8d8d8}.min-menu ul li .down a{border-top:1px solid #ccc;line-height:40px;display:block;width:100%;padding:0 3%}.min-menu ul li .down a:first-child{border-top:none}.search{display:none}.min-nav{display:block}.wid{padding-left:3%;padding-right:3%;width:95%}.wel{line-height:1;padding:15px 0}.wel .fl{line-height:1.4}.wel .fr{width:100%;margin-top:10px}.banner .cirl{bottom:15px}.banner .cirl span{width:20px}.top .logo img{}.top .fr-menu{display:none}.title h2{font-size:18px; font-weight:bold}.title p{line-height:1.4;font-size:14px;margin-top: 10px;}.ping{padding-bottom:20px; padding-top:30px}.ping .scroll{margin-top:13px;padding:0 0px;display:block;overflow:hidden}.ping .scroll .box{width:100%;margin-left:0}.ping .scroll .box ul li{margin-right:1%;width:49%; margin-left:1%}.ping .scroll .box ul li .pict{width:100%;}.ping .scroll .box ul li .pict img{max-width: 100% ! important;height: auto ! important;}.liaojie{padding-top:30px}.liaojie .wrap ul li img{width:280px}.liaojie .wrap .next-button,.liaojie .wrap .prev-button{width:40px}.news{padding-top:30px;padding-bottom:30px}.news ul li{width:100%;margin-left:1%; margin-right:1%;margin-top:10px}.footer .bot-menu ul{width:100%}.footer .bot-menu ul li{width:33.33%;text-align:center}.footer .bot-menu ul li.last{width:100%;margin-top:30px; text-align:left; padding-top: 20px; border-top:1px solid #CCCCCC}.footer .bot-menu .fr-code{width:100%;margin-top:30px}
.banner{ padding-top:50px}
.inner{ padding-top:50px}
.job-cont .info{ width:90%}
.lianxi .item.item1 .list div{ width:100%}
.nales{width:100%; margin-left:0px; padding-top:0px}
.bits{font-size:14px; line-height:20px;height:20px;font-weight: normal;padding-left:0px; color:#666; height:50px; width:90%}
.w30p{ width:100%}
.w30ps{ width:100%; margin-left:0px}
.pub-all-tit {
font-size: 20px;
color: #333;
text-align: center;
font-weight: lighter;
padding-top: 10px;
}
.headders .mainder .logo img {
width: 50%;
}
.proright ul li img {
width: 50%;
object-fit: cover; text-align:center
}
.headders .mainder {
height: 50px;
}
.headders .mainder .logo {
width: 180px;
}
.headders .mainder .container .nav {
display: none;
position: fixed;
top: 50px;
right: 0;
width: 100%;
height: 500px;
overflow-y: scroll;
z-index: 4;
padding-right: 0;
}
.headders .mainder .container .nav::-webkit-scrollbar {
display: none;
}
.headders .mainder .container .nav:after {
content: "";
display: inline-block;
position: fixed;
z-index: -1;
background: rgba(0, 0, 0, 0.2);
top: 50px;
left: 0;
right: 0;
bottom: 0;
}
.headders .mainder .container .nav::-webkit-scrollbar {
display: none;
}
.headders .mainder .container .nav .f-item {
margin-right: 0;
background: #fafafa;
padding: 0;
}
.headders .mainder .container .nav .f-item:last-child .f-head {
border: none;
}
.headders .mainder .container .nav .f-item .f-head {
font-size: 14px;
height: 38px;
border-bottom: 1px solid #e5e5e5;
margin: 0 10px;
box-sizing: border-box;
}
.headders .mainder .container .nav .f-item .f-head i {
display: block;
}
.headders .mainder .container .nav .f-item .showbox {
border-top: none;
top: inherit;
position: inherit;
padding: 0;
}
.headders .mainder .container .nav .f-item .showbox .s-main {
display: block;
}
.headders .mainder .container .nav .f-item .showbox .s-main li {
margin-right: 0;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2 {
font-size: 14px;
margin-bottom: 0;
line-height: 35px;
margin-left: 15px;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2:after {
height: 1px;
width: 100%;
margin-top: 0;
}
.headders .mainder .container .nav .f-item .showbox .s-main li h2.on:after {
display: none;
}
.headders .mainder .container .nav .f-item .showbox .s-main li .list a {
margin-left: 30px;
line-height: 35px;
}
.headders .mainder .container .gn-icon a {
margin-right: 10px;
}
.headders .mainder .container .memu {
display: block;
}
.profile {
font-size: 30px;
font-family: "MONTSERRAT_BOLD";
color: #ededed;
}
.bigbox{padding: 10px 0 0 0;}
.ind4-imgtxt .ind4-item{float:none;width:auto;}
.ind4-imgtxt .ind4-item .pic-txt .txt-body{padding-top:0;opacity:1}
.ind4-imgtxt .ind4-item-l .pic-txt{position:static;padding-top:0}
.ind4-imgtxt .ind4-item .pic-txt .txt{position:static;color:#333}
.ind4-imgtxt .ind4-item .pic-txt img{position:static;height:auto;display:block;width:100%}
.ind4-imgtxt .ind4-item .pic-txt .mask{display:none}
.ind4-imgtxt .ind4-item-r .pic-txt{position:static;padding-top:0;width: 100%;}
.ind4-imgtxt .ind4-item .pic-txt a{position:static;border-color:#333;color:#333}
.ind4-imgtxt .ind4-item .pic-txt a span{color:#333;background-image:url(../images/zp4h.png);padding:0 10px;background-position:right 10px center}
.ind4-imgtxt .ind4-item-r .pic-txt .info{height:auto}
.ind4-imgtxt{margin-top:30px}
.ind4-imgtxt .ind4-item .pic-txt:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.ind4-imgtxt .ind4-item .pic-txt .info{width:auto;height:auto}
.ind4-imgtxt .ind4-item.ind4-item-l .pic-txt .info{line-height:1.8;margin-top:10px}
.ind4-imgtxt .ind4-item .pic-txt .txt{padding:15px;width: 95%;}
.ind4-imgtxt .ind4-item .pic-txt .titles h3{font-size:18px}
.ind4-imgtxt .ind4-item .pic-txt .titles p{font-size:16px}
.ind4-imgtxt .ind4-item .pic-txt .info{font-size:12px}
.ind4-imgtxt .ind4-item .pic-txt .titles{margin-bottom:5px}
.ind4-imgtxt .ind4-item .pic-txt a{width:120px;border-width:1px;line-height:33px;height:35px}
.ind4-imgtxt .ind4-item .pic-txt a span{font-size:12px}
.ind4-imgtxt .ind4-item .pic-txt .txt-body{padding-top:0}
.bigbox>.imgbox{ width:50%}
.sggd-list .text h3{ overflow:auto;}
.sggd-list .text h3 a{ font-size:16px}
.sggd-list .text .more{ display:none}
.aboto img{ max-width: 100% ! important;
height: auto ! important;}
.sggd-list .pic{ width:100%}
.sggd-list .text{ width:100%;padding-left: 20px;padding-top: 0%; padding-bottom:20px}
.sggd-list .text .meta {
margin-top: 6px;
font-size: 14px;
color: #666;
overflow: hidden;
}
.sggd-list .item{ height:100%; overflow:auto}
.xiangqi2{ width:100%; }
.min-menu ul li:last-child{ display:none}
.f24 {
font-size: 20px !important;
padding-bottom: 3%;
}
.help-pager-five .text{ width:100%;}
.help-pager-five .text p{ font-size:14px}
.help-pager-five .pic{ width:100%; height:100%}
.help-pager-five .pic img{ width:100%}
.help-pager-five{ background: #fff url(/img/1345.jpg) no-repeat center 0;padding: 0px 0;}
.pzbz-info .hd h3{ font-size:18px}
.pzbz-info .hd p{ font-size:14px; line-height:25px}
.pzbz-info .bd .item {
float: left;
margin-top: 2%;
margin-right: 3%;
width: 47%; height:160px
}
.pzbz-info .bd .text h3 {
margin-top: 0px;
line-height: 25px;
font-size: 14px;
color: #333;
font-weight: bold;
}
.tyzx-page-four .pic { display:none
}
.tyzx-page-four .text h3 {
margin-top: 16px;
height: 24px;
line-height: 24px;
font-weight: bold;
font-size: 15px;
color: #222;
}
.tyzx-page-four .text{ width:100%;padding-left: 5px;height: 130px;}
.tyzx-page-four .pic img { width:100%; height:100%
}
.pzbz-info .bd .text p {
margin-top: 1px;
line-height: 26px;
font-size: 14px;
color: #666;
overflow: hidden;
}
.tyzx-page-four .text p {
height: 48px;
line-height: 24px;
font-size: 15px;
color: #666;
padding-top: 1px;
}
.tyzx-page-four .item {
padding: 0px 0 4px 0;
}
.tyzx-page-four .list {
padding-top: 20px;
overflow: hidden;
width:100%;
margin: 0 auto;
}
.tyzx-page-four{ height:100%;padding-bottom: 10%;}
.wrap-title {
margin-bottom: 0px;
text-align: center;
overflow: hidden;
}
.designed-info .pic{ width:100%}
.designed-info .text{ width:100%}
.designed-info .tit p{ font-size:14px}
.designed-info .bd dd .p2 span{ font-size:14px}
.designed-info .bd:before{left: 45%;}
.historyBox .box h2 span {
font-size: 20px;
margin-right: 3px;
}
.historyBox .box li{ font-size:14px; line-height:23px}
.designed-info .hd .crumbs2{ font-size:20px; text-align:center}
.tita{ font-size:18px}
.pdl10 b {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #474747;
}
.pdl10 p {
font-size: 14px;
line-height: 22px; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case_page .left .surface li{ width:100%}
.case_page .left .surface li em{ font-size:16px;}
.case_page .left .surface li:first-child, .case_page .left .surface li:first-child+li {
border-top: solid 1px #d9d9d9;
}
.floating_ck{ display:none}
.case_page .left .explain{ margin-bottom: 8px;}
.xiangqil {
width: 100%;
}
.xiangqil img { width:100%
}
.dingji {
width: 100%;
}
.top .logo{ width:36%; line-height:30px}
.process .title{ font-size:20px;margin-bottom: 10px;}
.process{ padding-top: 3%;}
.process .sub-title {
font-size: 14px;
margin-bottom: 14px;
color: #828282;
}
.process li {
width: 47%;
float: left;
margin-right: 1.5%;
border-right: 0px solid #e2e2e2; margin-left:1.5%; height:130px
}
.process .text-title {
font-size: 14px;
color: #333;
font-weight: bold;
}
.tiadfa span {
border-bottom: 3px solid #0076b3;
padding-bottom: 18px;
}
.tiadfa {
font-size: 18px;
padding-bottom: 20px;
font-weight: bold;
border-bottom: 1px solid #d7d7d7;
}
.indxw-loop{ padding-top:8%}
.aotae p {
font-size: 14px;
line-height: 23px;
padding-top: 10px; width: 100%;
}
.videos{ width:99%; text-align:left; float:left}
.videos img{ width:100%}
.data-bar .datas dl {
border-left: #ddd solid 0px;
}
.title{ font-size:18px; padding-top:20px}
.newprol{ width:100%}
.newprol b {
font-size: 16px;
line-height: 35px;
}
.newprol p {
font-size: 14px;
line-height: 20px;
padding-top: 0px;
padding-bottom: 20px;
}
.newprol img {
width:100%
}
.newpror{ width:100%}
.newprimg img{
width: 100%;
}
.newprimgs b {
font-size: 16px;
line-height: 20px;
}
.newpror li{ padding:8%}
.newprimgs p {
font-size: 14px;
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
color: #afafaf;
}
.index-loupan-content{ width:100%}
.process .text-description{ font-size:14px; line-height:20px}
.indexTitle fieldset {
width: 90%;
padding: 0;
margin: 0 auto;
border: 4px solid #E0E0E0;
}
.indexTitle {
padding-top: 10px;
margin-bottom: 25px;
text-align: center;
font-size: 18px;
color: #999;
}
.process .icon {
position: relative;
height: 50px;
border-radius: 50%;
line-height: 89px;
margin: 0 auto 39px;
}
.sjszp{ width:100%;padding-top: 0%;}
.indexTitle legend {
margin: 0 auto 4px;
}
.indexTitle h2 {
padding: 2px 28px 0;
line-height: 34px;
font-size: 20px;
font-weight: bold;
color: #333;
}
.indexTitle p { font-size:15px; line-height:20px; width:80%; margin:0 auto}
.index-loupan-content a{ font-size:14px;margin: 0 0px; float:left;line-height: 20px;}
.in_intro_list_ul {
display: inline-block;
overflow: hidden; width:100%
}
.in_intro_list_ul li {
float: left;
margin: 0 0px; width:30%; margin-left:3%
}
.in_intro_list_ul li a {
font-size: 16px;
color: #232323;
line-height: 30px;
display: block;
padding: 0 4px;
border-radius: 10px;
background: #e4e4e4;
}
.artInfo-left .artInfo-name{ font-size:18px; line-height: 30px;}
.artInfo-left .artInfo-con{ font-size:14px}
.in_intro_box .box_main img{ width:100%}
.artInfo-left .artInfo-con img{max-width: 100% ! important;
height: auto ! important; padding-bottom:6px}
.service .title {
font-size: 20px;
color: #333;
margin-bottom: 10px;
font-weight: bold;
}
.service .sub-title {
font-size: 16px;
color: #828282;
margin-bottom: 30px;
}
.service li { width:48%;height: 180px;}
.service .icon {
margin-bottom: 12px;
font-size: 18px;
color: #fff;
}
.service .li-item1 {
padding-top: 40px;
transition: all 0.3s;
}
.service .text {
color: #fff;
font-size: 14px;
line-height: 20px;
width: 70%;
margin: 0 auto;
}
.aotae{ width:100%;padding-top: 30px;}
.aotae b {
font-size: 22px;
line-height:18px;
}
.ywa {
font-size: 18px;
color: #CCCCCC;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
}
.wrap-title h2 {
height: 32px;
line-height: 32px;
font-size:18px;
font-weight: bold;
color: #000;
}
.wrap-title p {
margin-top: 2px;
font-size: 14px;
color: #999;
font-family: "DIN Medium"; padding-bottom:20px; padding-top:5px
}
.qzliuchang {
padding-top: 4%;
min-height: 100%;
overflow: hidden;
background: url(../img/liucheng.jpg) no-repeat center 0;padding-bottom: 5%;
}
.qzliuchang-list .item:nth-child(1) {
margin-left: 2%;
}
.qzliuchang-list .item:nth-child(6) {
margin-left: 2%;
}
.qzliuchang-list {
padding-top: 10px;
width: 100%;
overflow: hidden;
}
.qzliuchang-list .item p {
padding-top: 10px;
font-size: 14px;
text-align: center;
overflow: hidden; text-align:center
}
.qzliuchang-list .item {
position: relative;
float: left;
margin-left: 3%;
color: #fff;
width:30.3%;
text-align: center; margin-bottom:3%
}
.qzliuchang-list .item img { width:100%; height:auto}
.qzliuchang-list .item em { display:none
}
.aboutta { width:100%}
.aboutta b {
font-size: 20px;
font-weight: normal;
}
.aboutta span {
font-size: 20px;
color: #0076b3;
}
.abouttb{ width:100%}
.abouttb a {
text-align: center;
padding: 5px;
line-height: 35px;
font-size: 16px;
color: #595757;
margin: 0 3px;
border-radius: 3px;
border: 1px solid #CCCCCC; width:25%
}
.fonwa{ font-size:16px}
.zhiyinshui ul li {
width: 48%;
float: left;
margin-left: 2%;
margin-bottom: 2%;
}
.zhiyinshui ul li:nth-of-type(1){margin-left:2%}
.zhiyinshui ul li:nth-of-type(4){margin-left:2%}
.zhiyinshui ul li:nth-of-type(7){margin-left:2%}
.zhiyinshui ul li:nth-of-type(10){margin-left:2%}
.zhiyinshui ul li .text p {
color: #444;
font-size: 14px;
line-height: 50px;
text-align: center;
background-color: #FFFFFF;
-webkit-line-clamp: 1;
display: -webkit-box;
word-wrap: break-word;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.loeagmore {
background-color: #efefef;
height: 218px;
text-align: center;
font-size: 20px;
line-height: 218px;
}
.quanjing {
padding-bottom: 30px;
}
.quanjing .title .fll .font {
font-size: 24px;
background-size: 15px;
padding-left: 26px;
}
.quanjing .title .fll .color {
font-size: 18px;
top: 1px;
margin-left: 6px;
}
.quanjing .title .flr i {
background-size: 10px !important;
}
.quanjing .wrap {
margin-top: 20px;
}
.quanjing .wrap ul li .text {
margin-top: 0px;
}
.quanjing .wrap ul li .text h3 {
font-size: 16px; line-height:2.6;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.quanjing .wrap ul li .text p {
font-size: 14px;line-height:1.6; width:100%; margin:0 auto;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.quanjing .wrap ul li .text span {
width: 100%;
}
.in_intro_box .box_main{ width:90%}
.in_intro_main{ padding:30px 0 0 10px}
.in_intro_box .box_main .box {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 40%;
}
.in_intro_box .box_main .box img {
width: 34px;
height: 34px;
}
.service .li-item2 .text-title {
font-size: 18px;
color: #fff;
margin-bottom: 14px;
}
.service .li-item2 {
background-color: #fff;
padding: 40px 10px 0;
top: 0;
left: 0;
display: none;
}
.service .li-item2 .text-description {
font-size: 14px;
color: #fff;
line-height: 28px;
}
.in_intro_box .box_main p {
font-size: 16px;
color: #fff;
line-height: 50px;
}
.moeab {
text-align: center;
font-size: 16px;
border: 1px solid #0076b3;
width: 100%;
margin: 0 auto;
margin-top: 30px;
line-height: 40px;
color: #0076b3;
}
.wariInt2l {
padding: 6% 5% 6% 5%;
width: 100%;
}
.wariInt2l p{padding-top: 1px; font-size: 14px;line-height: 26px;}
.wariInt2l p img {
padding-right: 3%; width:32%
}
.wariLeft2 {
width: 100%;
padding-top: 6%;
}
.wariLeft2 img{
width: 100%;
}
.wariLeft2a {
width: 100%;
}
.wariLeft2a img{
width: 100%;
}
.layout {
width: 95%;
}
.historyBox .swiper-slide {
max-width: 48%; margin-right:2%
}
.aboutBox03{padding:30px 0 60px 0;}
.aboutTit h2, .abcurBox .h2 {
font-size: 20px; padding-bottom:20px;
}
.historyBox .box {
background-color: #f6f6f6;
padding: 20px;
min-height: 300px;
margin-bottom: 24px;
}
.wariInt2la {
width: 100%;
}
.wariInt2la b {
font-size: 16px;
color: #d81e06;
line-height: 30px;
margin-top: 10%;
}
.wariInt2la b p {
font-size: 16px;
color: #333;
line-height: 10px;
font-weight: bold;
}
.wariInt2la p {
font-size: 14px;
color: #7e7e7e;
text-align: left;
padding-top: 5px;
line-height: 25px;
}
.aboutitle h1 {
color: #ededed;
font-size: 26px;
height: 70px;
display: block;
margin: auto;
width: 100%;
text-transform: uppercase;
text-align: center;
font-family: DINCondensedC;
}
.aboutitle span h3 {
padding: 0 10px 0 0px;
font-size: 20px;
font-weight: bold;
}
.contacy {
padding-top: 20px;
padding-bottom: 20px;
}
.cont li {
width: 50%;
float: left;
text-align: center;
padding-bottom: 10px; height:200px
}
.liuyantp span {
font-size: 18px;
color: #a7a7a7;
}
.ftjbtn {
padding: 2% 0;
width: 100px;
cursor: pointer;
background-color: #e60012;
border: 0;
height: 52px;
color: #FFFFFF;
font-size:16px;
}
.ftjbtn1 {
padding: 2% 0;
width: 100px;
cursor: pointer;
background-color: #8f8f8f;
border: 0;
height: 52px;
color: #FFFFFF;
font-size: 16px;
margin-left: 16px;
}
.txetqa b {
font-size: 18px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.txetqa p {
font-size: 14px;
line-height: 25px;
}
.In-newsL ul li .newleft {
width: 100%;
}
.vrshow ul li .text .info {
float: left;
width: 100%;
margin-top: 44px;
}
.In-newsL ul li p {
line-height: 25px;
padding-bottom: 20px; height:80px; overflow:hidden; margin-bottom:10px
}
.txetqa { overflow:hidden
}
.In-newsL ul li .note {
width: 96%; padding: 8% 3%
}
.In-newsL ul li h4 {
margin: 1px 0 10px;
font-weight: bold;
font-size: 16px;
line-height: 23px;
}
.In-newsL ul li{ padding: 10px 0px;}
.vrshow ul li { margin-bottom:6%
}
.vrshow ul li .pict {
width: 100%;
height: 200px;
}
.vrshow ul li .pict{ width:100%}
.vrshow ul li .text{ width:100%;padding: 15px; height:200px}
.vrshow ul li .text h3 {
color: #1a1a1a;
font-size: 18px;
padding-top: 3px;
}
.morea {
width: 100%;
height: 38px;
border: 1px solid #cecece;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 12px;
color: #525252;
margin-top: 21px;
}
.vrshow ul li .text p {
color: #939393;
font-size: 14px;
margin-top:10px;
}
.pub_cate ul { padding-top:2%; border-bottom:1px #efefef solid; padding-bottom:2%
}
.pub_cate ul li a {
padding: 6px;
font-size: 14px;
}
.In-news .F-news-fl, .In-news .F-news-fr, .In-newsL ul li, .proct-fl, .proct-fr {
width: 100%;
}
.proa {
padding: 0 1% 32px; margin-top:30px
}
.indtit {
width: 100%;
margin: 0 auto;
}
.p80 {
padding-top:40px;
}
.tabox .hd li {
position: relative;
margin-left: -1px;
height: 45px;
line-height: 45px;
text-align: center;
width: 25%;
float: left;
border: 1px solid #ddd;
border-top: 0; font-size:12px
}
.ping .scroll .pos {
position: absolute;
top: 20px;
cursor: pointer;
outline: 0;
}
.float_qq { display:none
}
.gongneng {
float: left;
width: 100%;
padding-top:25px;
background-color: #f3f3f3;
padding-bottom: 30px;
}
.tabox .hd li.on {
width: 25%;
background: #0076b3;
color: #fff;font-size:12px
}
.tabox .lh li {
width:46%;
padding: 20px; margin-left:2%; margin-right:2%;
float: left;
}
.tabox .lh li img{ width:100%
}
.top {
float: left;
width: 100%;
padding: 6px 0; position:relative;background-color: rgb(32 32 32);
}
.indxw-loop {
width: 100%;
float: left;
}
.indxw-list {
width:100%;
float: right;
}
.indtit-wd p {font-size: 22px;}
.indtit-wd h6 {font-size: 18px;}
.indtit-xm {padding-top: 8px;}
.indxm {padding: 38px 4% 40px;}
.indxm-loop, .indxw-item {margin-top: 32px;}
.indxm-line {margin-top: 28px;}
.indxm-link h1{font-size: 18px;}
.indtit-xw {padding-top: 1px; display:none}
.indtit-xw a{width: 50%; font-size:14px; float:left; padding:10px}
.indxw-loopimg{min-height: 200px;}
.indxw-loopwd {padding: 16px 18px 28px;}
.indxw-loop .swiper-pagination{width: 100%;bottom: 6px;}
.swiper-slide-active .indxw-loopwd span, .swiper-slide-active .indxw-loopwd h1{animation: none;}
.indxw-listimg h6 {font-size: 28px;}
.indxw-listimg h6 {font-size: 28px;}
.indxw-listimg {width: 86px;height: 86px;}
.indxw-listwd {width: calc(100% - 106px);padding-left: 20px;padding-top: 6px;}
.indxw {padding: 0 4% 42px;}
.indxw-loopimg {height: 220px;}
.indxw-listimg p {font-size: 14px;}
.indxw-listimg b{ font-size:30px}
.ind4-imgtxt .ind4-item-ls .pic-txt {
padding-top: 0;
}
.indtit-wd {
width: 100%;
}
.indtit-xw {
width: 100%;
}
.jiage {
padding-top:2px;
}
.service-center .layout .fr-box {
margin-top: 15px;
/* display:none */
}
.service-center .layout .fr-box .box {
position: relative;
width: 100%;
padding: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); border-bottom:1px solid #E6E6E6 ; padding-bottom:30px;
}
.service {
-webkit-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 380px;
float: left;
width: 100%;
padding-top: 0;margin-top: 30px;
}
.pub_cate ul li {
margin:5px 5px 5px 0px; }
.pub_cate ul li a{ line-height:20px}
.ping .scroll .box ul li p {
font-size: 14px; line-height:25px
}
.ping .scroll .box ul li span {
margin-top: 21px;
font-size: 14px;
color: #6e6262;
margin-left: 3%;
}
.gongneng ul li:nth-of-type(5) {
margin-left:1%; margin-right:1%;
}
.gongneng ul li {
width:48%;
float: left;
margin-left:1%; margin-right:1%;
margin-bottom: 2%;
border: 1px solid #E8E8E8;
background-color: #FFFFFF;
padding: 10px;
}
.gongneng ul li:nth-of-type(1) {
margin-left:1%; margin-right:1%;
}
.index_product_buy_bg {margin:0 auto;position:relative; width:100%; height:200px;background-image:url("../img/dibu15.png")}
.box ul li .pict {
width: 100%;
}
.news ul li:nth-of-type(1) {
margin-left: 1%; margin-right:1%;
}
.news ul li:nth-of-type(4) {
margin-left: 1%; margin-right:1%;
}
.gongneng ul li .text h2 {
color: #000000;
font-size: 16px;
text-align: center;
}
.moreca {
background-color: #0076b3;
color: #FFFFFF;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
margin-top:15px;
}
.footer{ padding-bottom:10px;}
.news ul {margin-top: 0px;}
.about-banner {max-height:auto;min-height:auto;margin-top:50px;background: #275a86;padding:5% 0 5% 0; }
.about-banner-content {width: 100%;left:auto;top:auto;height:auto; margin-left:0px;position:relative; }
.about-banner-content h1{ font-size: 24px;position:relative;right:auto;top:auto;text-align: center;color: #fff;padding-bottom:10px;display: block;}
.about-banner img {display: none;}
.about-nav {position:relative;width: 100%;margin-left:0px;left:auto;bottom:auto;text-align: center;}
.about-nav a { padding:1% 3%;display:inline-block; width:auto;float: none;font-size: 14px;margin:0.1%;border: 1px solid #ccc;width: 25%;margin-bottom: 3%;margin-left: 2%;}
.about-nav a.cur {color:#fff;background:#65c6ff;}
.mb-rolling-top {display: block!important;}
.pc-rolling-top {display: none!important;}
.calculator .title {
font-size: 22px;
margin-bottom: 15px; text-align:center
}
.calculator{ background-image:url(../img/biaojia.jpg);
height: 176px;
width: 100%;
line-height: 1;
}
.baojia .left_s .input_text {
width: 100%;
height: 44px;
padding: 0 10px;
border: 1px solid #ebebeb;
}
.footer-container {
padding: 6px 0 45px;
}
.footer-container{padding:1px 0 1px; background-color:#333333}
.F-nav {
width: 30%;
float: left; margin-left:0%; padding-top: 30px; height:200px; overflow:hidden
}
.F-nav dd img {
padding-top: 10px;
padding-right: 15px;
}
.ind-abt dl {
background: #f6f6f6;
position: relative;
padding: 70px 5%;
overflow: hidden;
}
.F-nav dd {
margin: 5px 0 0;
color: #666;
line-height: 30px;
}
.F-nav dd b {
font-size:18px;
}
.F-nav dd p{ line-height:24px
}
.F-nav dt, .F-ct .top {
line-height: 25px;
font-size: 16px;
position: relative;
color: #d6d6d6;
}
.wcxg p {
font-size: 14px;
line-height: 20px;
padding-top: 10px;
}
.F-nav dd a {
display: block;
padding: 2px 0;
line-height: 20px;
color: #7a7a7a;
}
.indxw-listwd h1 {
font-size: 16px;
color: #333;
font-weight: 700;
line-height: 1.4em;
transition: all .4s ease;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.F-nav:nth-child(8) {
width: 66%;
}
.ind-abt .intro {
padding: 0px 5%;
line-height: 25px;
text-align: center;
font-size: 14px;
}
.wcxg { width:30%}
.wcxg img{ width:100%}
.news ul li .text p {
color: #444;
font-size: 14px;
line-height: 50px;
text-align: center;
background-color: #FFFFFF;
-webkit-line-clamp: 1;
display: -webkit-box;
word-wrap: break-word;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.F-cr-fl {
width: 100%; padding-left:2%
}
.F-cr-fr {
width: 100%;padding-left:2%; text-align:center
}
.ind-abt dl dd span {
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #0076b3;
display: block;
margin-bottom: 5px;
}
.banner_buy_exmail_custom {
height: 200px; background-color:#CCCCCC
}
.jiage ul li .pict p {
text-align: center;
color: #FFFFFF;
padding-top: 20px;
font-size:16px;
}
.jiage ul li .pict p span{
font-size:12px;
}
.jiage ul li .text p {
font-size: 12px;
}
.jiage ul li .pict h2 {
text-align: center;
color: #FFFFFF;
padding-top: 30px;
font-size: 20px;
}
.jiage ul li .text span {
display: block;
color: #989898;
text-align: center;
margin-top: 40px;
border: 1px solid #CCCCCC;
width: 80%;
height: 40px;
margin: 0 auto;
line-height: 40px; font-size:14px
}
.proleft {
width: 100%;
background: #fff;
}
.proright {
background: #fff;
width: 100%;
padding-top: 15px;
}
.proright ul li {
width: 89%;
float: left; padding:5%
}
.proright ul li .newleft {
float: left;
width: 100%; text-align:center
}
.proright ul li .note {
padding: 3% 3% 3% 10%;
float: right;
width: 100%;text-align: center;
}
.tisl {
font-size: 20px;
text-align: center;
line-height: 30px;
padding-bottom: 10px;
}
.pub_cate {
box-shadow: 0 0 15px rgba(0,0,0,0);margin-bottom:1%;border-bottom:0px solid #e5e5e5;
}
.sitea {
line-height: 50px;
font-size: 14px; display:none
}
.proright ul li h4 {
margin: 10px 0 2px;
font-size:16px;
line-height:30px;
}
.shiming{ margin-top:0px}
.shiming ul li {
width: 100%;
text-align: center;
padding: 0 2%;
}
.abcomp{font-size:18px; line-height:22px; font-weight:bold; color:#000000}
.proright ul li .note .more { line-height:40px
}
.proright ul {
padding: 0 0;
}
.proright ul li p {
line-height: 20px;
padding-bottom: 2px; font-size:14px
}
.proright ul li .textspan {
border-bottom: 1px solid #333333;
margin: 5px 20px 20px 20px;
font-size: 16px;
line-height: 26px; padding-bottom:15px
}
.proright ul li .text p {
font-size: 12px;
line-height: 23px;
margin: 20px;
color: #777;
}
.prodaa {
float: left;
width: 100%;
padding-top: 24px;
padding-bottom: 20px;
}
.index_product_buy_opt_txt{ font-size:20px;}
.footer .copyright p img{ width:100%}
.calculator .content{
width: 100%;
}
.calculator{
height: auto;
}
.calculator li{
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.calculator li:last-child{
width: 100%;
}
.calculator .open{
margin: 0 auto;
}
.calculator .description{
text-align: center;
}
.calculator .content{
padding-top: 30px;
padding-bottom: 30px;
}
.calculator .title{
font-size: 22px;
margin-bottom: 15px;
}
.calculator .sub-title{
font-size: 16px;
}
.calculator .buy{
font-size: 16px;
margin-bottom: 10px;
}
.calculator .text{
margin-bottom: 15px;
}
.calculator .open{
width: 150px;
height: 35px;
line-height: 35px;
font-size: 16px;
margin-bottom: 10px;
}
.partners{
margin-top: 40px;
margin-bottom: 30px;
}
.partners .title{
font-size: 22px;
padding: 0 10px;
line-height: 1.3;
}
.partners .content{
width: 100%;
}
.partners li{
width: 33.3%;
height: 100px;
line-height: 100px;
}
.partners li img{
max-width: 85%;
max-height: 85%;
}
.partners li:before,.partners li:after{
display: none;
}
.box-xs-rel {
position: relative !important;
}
.box-xs-h240 {
height: 240px;
-webkit-background-size: cover;
background-size: cover;
}
.box-xs-lr {
padding-left: 12px !important;
padding-right: 12px !important;
}
.box-xs-none {
display: none;
}
.box-xs-show {
display: block;
}
.box-xs-pr0 {
padding-right: 0 !important;
}
.box-xs-pt0 {
padding-top: 0 !important;
}
.box-xs-pl0 {
padding-left: 0 !important;
}
.box-xs-mt0 {
margin-top: 0 !important;
}
.box-xs-ml0 {
margin-left: 0 !important;
}
.box-xs-mh-auto {
min-height: auto !important;
}
.box-xs-mt20 {
margin-top: 20px !important;
}
.box-xs-tac {
text-align: center;
}
.box-xs-fr {
float: right;
}
.box-xs-fl {
float: left;
}
.fz-xs-20 {
font-size: 20px !important;
}
.fz-xs-18 {
font-size: 18px !important;
}
.fz-xs-16 {
font-size: 16px !important;
}
.fz-xs-14 {
font-size: 14px !important;
}
.fz-xs-10 {
font-size: 10px !important;
}
.fz-xs-30 {
font-size: 30px !important;
}
.box-xs-ptb30 {
padding-top: 30px;
padding-bottom: 30px;
}
.box-hei-auto > .pict {
height: auto !important;
}
.recruitDl dt span:nth-child(1) {
display: block;
width: 92%;
}
.recruitDl dt span {
display: none;
}
.col-xs-12 {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: left;
}
.col-sm-6{ width:100%}
.col-sm-5 {width:100%;}
.col-sm-3 {width:100%;}
.col-sm-8 {width:100%;}
.col-sm-7 {width:100%;}
.col-sm-9 {width:100%;}
.col-sm-4{ width:100%}
.col-sm-10 {width:100%;}
.col-sm-11 {width:100%;}
.col-sm-12 {width:100%;}
.aboutLeft {
float: left;
padding-bottom: 10px;
}
.aboutInt {
float: right;
margin-top: 20px;
margin-right: 0px; padding-bottom: 50px;
}
.aboutInt b {
font-size: 26px;
color: #cbcbcb;
line-height: 120%;
}
.aboutInt p.zwc {
font-size: 18px;
font-weight: bold;
line-height: 30px;
color: #000000;
}
.news-title h2 {
font-size: 32px;
color: #0a345c;
font-weight: bold; line-height:40px;
}
.newsbga{ background-color: #0f38b4;}
.news {
background-color: #fff;
height: 100%;
padding-top: 60px;
}
.news-title p {
font-size: 20px;
color: #6b6b6b;
line-height: 30px;
padding-bottom: 40px;
}
.newslist ul li {
width: 97%;
box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
margin-left: 2%; margin-bottom:5%
}
.products_list ul li .img {
height: auto;
overflow: hidden;
float: left;
width: 100%; margin:20px;
}
.newslistimg {
transition: all 1s;
width: 100%;
height: 100%;
overflow: hidden;
}
.products_list ul li .text .time {
color: #f2af3a;
font-size: 16px; padding-top:5px;
}
.wariInt3 p {
font-size: 14px;
color: #666666;
text-align: left;
padding-top: 5px;
line-height: 28px;
}
.products_list ul li .text {
overflow: hidden;
border-left: 0;
margin: 20px;
padding-left: 10px;
}
.products_list ul li .text h3 {
font-size:18px;
margin-bottom: 2px;
line-height: 20px;
color: #0a345c;
}
.products_list {
padding-top: 20px;
}
.news_details .d_text {
background: #f6f6f6;
padding: 20px;
}
.news_details {
position: relative;
padding-top: 0px;
padding-bottom: 0px;
}
.finden ul li {
width: 50%;
float: left;
padding-left:2%; padding-right:2%
}
.finden ul li p {
font-size: 14px;
line-height: 20px;
margin-left: 27px;
}
.powert h2 {
font-size: 24px;
font-weight: bold;
color: #0a345c;
text-align: center;
padding-bottom: 10px;
}
.powert {
font-size: 14px;
line-height: 26px;
padding-top: 50px;
text-align: center;
padding-bottom: 40px;
}
.texta {
font-size: 16px;
color: #0a345c;
line-height: 40px;
text-align: center;
}
.findenimg img{ width:100%
}
.liaojie .wrap ul li .boxs h2 {
color: #fff;
font-size: 20px;
line-height:30px;
}
.news ul li .text h2 {
font-size: 14px;
}
.p50 {
font-size: 14px;
line-height: 25px;
}
.news-title h2 {
font-size: 32px;
color: #0a345c;
font-weight: bold; line-height:40px;
}
.news ul li .text {
padding: 1px 1px;
border-top: none;
}
.news ul li .pict img { width:50%; padding-top:15px
}
.news ul li .pict {
height: 90px;
overflow: hidden;
text-align: center;
}
.news {
height: 100%;
padding-top:20px;
}
.p50 p{ font-size:14px}
.p50 p img{max-width: 100% ! important;
height: auto ! important;}
.p50 div img{max-width: 100% ! important;
height: auto ! important;}
.wariInt2l b {
font-size: 16px;
color: #333;
line-height: 30px;
margin-top: 10%;
}
.news-title p {
font-size: 20px;
color: #6b6b6b;
line-height: 30px;
padding-bottom: 40px;
}
.newslist ul li {
width: 97%;
box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
margin-left: 2%; margin-bottom:5%
}
.data-bar .datas dt em {
font-size: 24px;
font-weight: bold;
}
.data-bar .datas dt sub {
position: relative;
top: -21px;
font-size: 14px;
}
.data-bar .datas dd {
margin-top: 2px;
font-size: 14px;
color: #666;
line-height: 1.5;
text-align: center;
}
.data-bar .datas dl {
float: left;
width: 42%;
height: 80px;
border-left: #ddd solid 0px; margin-bottom:2%
}
.tiadf {
font-size: 18px;
padding-bottom: 20px;
font-weight: bold; padding-top:30px
}
.join{ padding:13px 0;}
.title1 p {
font-size: 20px;
position: relative;
top: -20px;
font-weight: bold;
}
.join .ad-box img{
width: 100%;
}
.join .ad-box .text { width:80%
}
.join .ad-box .text h2 {
font-size: 18px; font-weight:bold
}
.join .ad-box .text p {
font-size: 14px;
margin-top: 14px;
}
.join .ad-box {
margin: 29px auto 0;
float: left;
width: 100%;
text-align: center;
position: relative;
}
.join .ad-box .text a {
color: #fff;
font-size: 14px;
width: 86px;
height: 33px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 31px auto 0;
transition: .2s;
}
.links p a {
float: left;
margin-left: 20px;
font-size: 14px;
color: #b9b9b9; line-height:25px
}
.title1 h2 {
font-size: 30px;
color: #e5e5e5;
text-transform: uppercase;
font-weight: 700;
}
.news_list ul li .img {
height: auto;
overflow: hidden;
float: left;
width: 100%;
}
.newslistimg {
transition: all 1s;
width: 100%;
height: 100%;
overflow: hidden;
}
.news_list ul li .text .time {
color: #f2af3a;
font-size:14px;
}
.wariInt3 p {
font-size: 14px;
color: #666666;
text-align: left;
padding-top: 5px;
line-height: 28px;
}
.news_list {
padding-top: 20px;
}
.news_list ul li .text h3 {
font-size: 16px;
margin-bottom: 0px;
line-height: 26px;
color: #0a345c;
}
.news_list ul li .text {
overflow: hidden;
border-left: 0;
height: 100%;
padding: 20px;
}
.news_list ul li .text p {
color: #666;
font-size: 12px;
line-height: 20px;
}
.news_details .d_text h2 {
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 1.2em;
margin-bottom: 10px; font-weight:bold
}
.news_details .d_text .text div {
margin-bottom: 15px;
line-height: 26px;
font-size: 14px;
}
.news_details .d_text .text div img{
max-width: 100% ! important;
height: auto ! important;
}
}
.Service .Ser_yx .Ser_gg a { width: 50%; }
.Service .Ser_zx > ul > li { margin-bottom: 20px;
border: 1px solid #d3d3d3;
padding: 30px 60px;
width: 100%;
float: left;
margin-left: 1%;
margin-right: 1%;
}
.Service .Ser_zx .zx_img { display: none; }
.Service .Ser_zx .zx_txt { width: 100%; }
.Service .Ser_zx .zx_txt h4 { line-height: 28px; }
.Service .Ser_zx .zx_txt h4 span { font-size: 14px; }
.Service .Ser_zx .zx_txt h4 a { width: 90px; height: 28px; font-size: 12px; }
.Service .Ser_zx .zx_txt h5 em { font-size: 12px; }
.Service .Ser_zx .zx_txt p { font-size: 12px; line-height: 20px; }
.wrap { padding: 0 4%; width:100% }
.Service .Ser_mian {
float: none;
width: 100%;
}
.Service {
padding: 4% 0;
width: 100%;
margin: 0 auto;
}
}